/* ══════════════════════════════════════
   SubsFolio — CSS Custom Properties
   Unified Light & Dark theme tokens
   Matching Landing & Login Design System
   ══════════════════════════════════════ */

:root {
  /* Core Colors (Landing & Login Light Theme) */
  --bg-page: #F5F4F0;
  --bg: #F5F4F0;
  --surface: #FFFFFF;
  --border: #E2E0D8;
  --border-focus: #0A0A0F;

  /* Typography Colors */
  --text-p: #0A0A0F;
  --text-s: #5A5A6E;
  --text-m: #8A8A9E;

  /* Accent Tokens */
  --accent: #0A0A0F;
  --accent-2: #2B2B36;
  --accent-hover: #2B2B36;
  --accent-soft: rgba(10, 10, 15, 0.06);
  --accent-glow: rgba(10, 10, 15, 0.15);

  /* Sidebar Tokens */
  --sidebar-hover: rgba(10, 10, 15, 0.04);
  --sidebar-active: rgba(10, 10, 15, 0.08);

  /* Surface & Input Elements */
  --row-hover: #F8F8FA;
  --input-bg: #FFFFFF;
  --card-shadow: 0 4px 20px rgba(10, 10, 15, .04), 0 1px 3px rgba(10, 10, 15, .03);

  /* Icon Badges & Status */
  --icon-indigo: rgba(10, 10, 15, 0.06);
  --icon-green: #ecfdf5;
  --icon-orange: #fff7ed;
  --icon-red: #fef2f2;
  --icon-yellow: #fffbeb;
  --icon-blue: #eff6ff;
  --icon-purple: rgba(10, 10, 15, 0.06);

  --warn-bg: #fffbeb; --warn-brd: #fcd34d; --warn-title: #92400e;
  --warn-inner: #fff; --warn-inner-brd: #fde68a;

  --sav-bg: linear-gradient(to right, #f0fdf4, #ecfdf5); --sav-brd: #86efac;
  --sav-title: #15803d; --sav-text: #166534; --sav-amt: #22c55e;
  --sav-taken-bg: #f0fdf4; --sav-taken-brd: #86efac;

  --al-red-bg: #fef2f2; --al-red-brd: #fecaca; --al-red-pill: #fee2e2;
  --al-ora-bg: #fff7ed; --al-ora-brd: #fed7aa; --al-ora-pill: #ffedd5;
  --al-yel-bg: #fefce8; --al-yel-brd: #fef08a; --al-yel-pill: #fef9c3;
  --al-pur-bg: rgba(10, 10, 15, 0.04); --al-pur-brd: rgba(10, 10, 15, 0.1); --al-pur-pill: rgba(10, 10, 15, 0.08);
  --al-gry-bg: #f9fafb; --al-gry-brd: #e5e7eb; --al-gry-pill: #e5e7eb;

  --bdg-green-bg: rgba(10, 10, 15, 0.06); --bdg-green: #0a0a0f;
  --bdg-blue-bg: rgba(10, 10, 15, 0.06); --bdg-blue: #0a0a0f;
  --bdg-yellow-bg: rgba(10, 10, 15, 0.06); --bdg-yellow: #0a0a0f;
  --bdg-purple-bg: rgba(10, 10, 15, 0.06); --bdg-purple: #0a0a0f;
  --bdg-red-bg: rgba(239, 68, 68, 0.08); --bdg-red: #dc2626;

  --renew-urg-bg: #fef2f2; --renew-urg-brd: #fecaca;
  --renew-wrn-bg: #fff7ed; --renew-wrn-brd: #fed7aa;
  --renew-mld-bg: #fefce8; --renew-mld-brd: #fde047;
  --renew-def-bg: #f9fafb; --renew-def-brd: #e5e7eb;
  --dup-cost: #b45309;
}

html.dark, [data-theme="dark"] {
  --bg-page: #0A0A0F;
  --bg: #0A0A0F;
  --surface: #14141C;
  --border: rgba(255, 255, 255, 0.1);
  --border-focus: rgba(255, 255, 255, 0.4);

  --text-p: #FFFFFF;
  --text-s: #A0A0B0;
  --text-m: #6E6E80;

  --accent: #FFFFFF;
  --accent-2: #E5E5EB;
  --accent-hover: #E5E5EB;
  --accent-soft: rgba(255, 255, 255, 0.1);
  --accent-glow: rgba(255, 255, 255, 0.2);

  --sidebar-hover: rgba(255, 255, 255, 0.06);
  --sidebar-active: rgba(255, 255, 255, 0.12);

  --row-hover: #1C1C26;
  --input-bg: #1C1C26;
  --card-shadow: 0 4px 30px rgba(0, 0, 0, .6);

  --icon-indigo: rgba(255, 255, 255, 0.1);
  --icon-green: rgba(255, 255, 255, 0.1);
  --icon-orange: rgba(255, 255, 255, 0.1);
  --icon-red: rgba(239, 68, 68, 0.12);
  --icon-yellow: rgba(255, 255, 255, 0.1);
  --icon-blue: rgba(255, 255, 255, 0.1);
  --icon-purple: rgba(255, 255, 255, 0.1);

  --warn-bg: #1c1a0e; --warn-brd: #4a3a00; --warn-title: #fbbf24;
  --warn-inner: #231f0c; --warn-inner-brd: #4a3a00;

  --sav-bg: linear-gradient(to right, #0c1f10, #091a0e); --sav-brd: #1a5c30;
  --sav-title: #4ade80; --sav-text: #86efac; --sav-amt: #22c55e;
  --sav-taken-bg: #0d1f12; --sav-taken-brd: #1a5c30;

  --al-red-bg: #1f1010; --al-red-brd: #4a1a1a; --al-red-pill: #2d1515;
  --al-ora-bg: #1a1208; --al-ora-brd: #4a2800; --al-ora-pill: #2d1e08;
  --al-yel-bg: #181508; --al-yel-brd: #4a3800; --al-yel-pill: #231f08;
  --al-pur-bg: rgba(255, 255, 255, 0.06); --al-pur-brd: rgba(255, 255, 255, 0.12); --al-pur-pill: rgba(255, 255, 255, 0.1);
  --al-gry-bg: #1f2235; --al-gry-brd: #2a2d3a; --al-gry-pill: #2a2d3a;

  --bdg-green-bg: rgba(255, 255, 255, 0.1); --bdg-green: #ffffff;
  --bdg-blue-bg: rgba(255, 255, 255, 0.1); --bdg-blue: #ffffff;
  --bdg-yellow-bg: rgba(255, 255, 255, 0.1); --bdg-yellow: #ffffff;
  --bdg-purple-bg: rgba(255, 255, 255, 0.1); --bdg-purple: #ffffff;
  --bdg-red-bg: rgba(239, 68, 68, 0.15); --bdg-red: #f87171;

  --renew-urg-bg: #1f1010; --renew-urg-brd: #5a2020;
  --renew-wrn-bg: #1a1208; --renew-wrn-brd: #5a3000;
  --renew-mld-bg: #181508; --renew-mld-brd: #5a4500;
  --renew-def-bg: #1f2235; --renew-def-brd: #2a2d3a;
  --dup-cost: #fbbf24;
}