/*
Theme Name: INTRAQUOTES
Theme URI: https://intraquotes.com
Author: INTRAQUOTES Engineering
Author URI: https://intraquotes.com
Description: Premium Fintech SaaS & Trading Platform Hybrid Theme.
Version: 1.0.0
Text Domain: intraquotes
*/

/* ==========================================================================
   1. CORE DESIGN TOKENS (LIGHT THEME - DEFAULT)
   ========================================================================== */
:root {
    /* Backgrounds & Surfaces */
    --bg-primary: #FDFEFE;
    --bg-secondary: #F7FAFB;
    --surface: #FFFFFF;

    /* Typography */
    --text-primary: #122B38;
    --text-secondary: #5E7480;
    --text-muted: #8B98A5;

    /* Accents & States */
    --accent-primary: #0F7E6C;
    --accent-hover: #0C6A5B;
    --border: #DDE7EA;

    /* Status Colors */
    --success: #2BBF9C;
    --warning: #FFB547;
    --error: #FF6B6B;
    --info: #3B82F6;
    /* NEW FROM FINAL GUIDE */

    /* Accent Shades (Light) */
    --accent-100: #0F7E6C;
    --accent-80: #2CA58F;
    --accent-60: #58D1A9;
    --accent-40: #8DDCC6;
    --accent-20: #C5EADF;
    --accent-10: #E6F6F2;

    /* Shadows (Light) */
    --shadow-soft: 0 4px 12px rgba(18, 43, 56, 0.06);
    --shadow-medium: 0 8px 24px rgba(18, 43, 56, 0.10);
    --shadow-large: 0 16px 40px rgba(18, 43, 56, 0.12);
}

/* ==========================================================================
   2. CORE DESIGN TOKENS (DARK THEME)
   ========================================================================== */
.dark {
    /* Backgrounds & Surfaces */
    --bg-primary: #0B141A;
    --bg-secondary: #101C24;
    --surface: #13232D;

    /* Typography */
    --text-primary: #E6EDF2;
    --text-secondary: #A7B6BF;
    --text-muted: #7F919B;

    /* Accents & States */
    /* UPDATED Accents for Accessibility */
    --accent-primary: #14A08A; /* Was #0F7E6C - Now passes 4.5:1 contrast */
    --accent-hover: #2CA58F;   /* Lightened slightly to maintain hover state contrast */
    --border: #1E3642;

    /* Status Colors */
    --success: #2DD4A7;
    --warning: #FFB84D;
    --error: #FF6B6B;
    --info: #60A5FA;
    /* NEW FROM FINAL GUIDE */

    /* Accent Shades (Dark) */
    --accent-100: #0F7E6C;
    --accent-80: #159A84;
    --accent-60: #38BFA4;
    --accent-40: #6FD5C1;
    --accent-20: #123F39;
    --accent-10: #0D2A27;

    /* Shadows / Glows (Dark) */
    --shadow-soft: 0 4px 12px rgba(15, 126, 108, 0.10);
    --shadow-medium: 0 8px 24px rgba(15, 126, 108, 0.16);
    --shadow-large: 0 16px 40px rgba(15, 126, 108, 0.20);
}

/* ==========================================================================
   3. ESSENTIAL HTML RESETS & BASE
   ========================================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

input,
button,
textarea,
select {
    font: inherit;
}

/* Force the notification panel to be globally positioned */
#iq-notification-sheet {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    height: 100vh !important;
    z-index: 9999 !important;
    /* Extremely high value to stay on top */
}

/* Ensure backdrop covers everything */
#iq-sheet-backdrop {
    z-index: 9998 !important;
}