/* Finovas Global - design tokens (light + dark) */

:root {
  /* New Finovas brand - deep navy + bright indigo, warm coral/mint/yellow accents */
  --brand: #3D4FF5;          /* primary indigo (CTAs, links, focused inputs) */
  --brand-2: #5161FF;         /* slightly lighter indigo for gradient depth */
  --brand-deep: #0E1B5A;      /* deep navy - used in hero backgrounds */
  --brand-deep-2: #1A2C8C;    /* navy companion */
  --accent: #FF7849;          /* warm coral - secondary highlights */
  --accent-2: #3FE0A8;        /* mint - success / "online" pills */
  --accent-3: #FFC93D;        /* warm yellow - star ratings, highlights */
  --accent-4: #FF6FAA;        /* soft pink - special accents */
  --gradient: linear-gradient(135deg, #3D4FF5, #5161FF 52%, #7C8DFF);
  --gradient-bright: linear-gradient(135deg, #5C73FF, #7C8DFF 50%, #A7B8FF);
  --gradient-hero: linear-gradient(135deg, #0E1B5A 0%, #14267A 45%, #1A2C8C 100%);

  --pos: #0e9f6e;  --pos-bg: #e6f6ef;
  --neg: #e23d63;  --neg-bg: #fdeaef;
  --warn: #d9890a; --warn-bg: #fbf0d8;
  --info: #2f7fe0; --info-bg: #e7f0fd;

  --bg: #f3f5fb;
  --surface: #ffffff;
  --surface-2: #f1f3fa;
  --surface-3: #e8ecf6;
  --border: #e6e9f4;
  --border-strong: #d3d8ea;
  --text: #0E1B5A;            /* navy text - anchors the brand */
  --text-muted: #5b6790;
  --text-soft: #97a0c0;
  --on-brand: #ffffff;

  --shadow-sm: 0 1px 2px rgba(14,27,90,.07), 0 1px 3px rgba(14,27,90,.05);
  --shadow: 0 4px 16px rgba(14,27,90,.09);
  --shadow-lg: 0 20px 50px rgba(14,27,90,.18);
  --shadow-pop: 0 12px 34px rgba(14,27,90,.15);
  --ring: 0 0 0 3px rgba(61,79,245,.28);

  --r-xs: 7px; --r-sm: 10px; --r: 14px; --r-lg: 20px; --r-xl: 28px;
  --sidebar-w: 252px;
  --topbar-h: 66px;
  --ease: cubic-bezier(.4, 0, .2, 1);
  --font: 'Inter', 'Noto Sans Thai', -apple-system, BlinkMacSystemFont,
          'Segoe UI', sans-serif;
  color-scheme: light;
}

[data-theme="dark"] {
  --brand: #5C73FF;
  --brand-2: #7C8DFF;
  --brand-deep: #060d2e;
  --brand-deep-2: #0a1554;
  --accent: #FF8C66;
  --accent-2: #5BEDB8;
  --accent-3: #FFD55A;
  --accent-4: #FF85B8;
  --gradient: linear-gradient(135deg, #5C73FF, #7C8DFF 52%, #A7B8FF);
  --gradient-hero: linear-gradient(135deg, #060d2e 0%, #0a1554 50%, #14267A 100%);

  --pos: #2ad29b;  --pos-bg: rgba(42,210,155,.15);
  --neg: #ff6385;  --neg-bg: rgba(255,99,133,.16);
  --warn: #f5b13d; --warn-bg: rgba(245,177,61,.16);
  --info: #5aa2f0; --info-bg: rgba(90,162,240,.16);

  --bg: #060d24;
  --surface: #0e1738;
  --surface-2: #14204a;
  --surface-3: #1e2c5e;
  --border: #24306a;
  --border-strong: #36447e;
  --text: #e8ecff;
  --text-muted: #98a2cf;
  --text-soft: #6a73a0;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.34);
  --shadow: 0 6px 22px rgba(0,0,0,.44);
  --shadow-lg: 0 22px 54px rgba(0,0,0,.62);
  --shadow-pop: 0 14px 38px rgba(0,0,0,.58);
  --ring: 0 0 0 3px rgba(124,141,255,.36);
  color-scheme: dark;
}