/* EFLABS Pvt. Ltd. - Theme tokens (light / dark) */

:root {
  /* Brand palette */
  --brand-bg: #dbd8e3;
  --brand-secondary: #5c5470;
  --brand-accent: #352f44;
  --brand-dark: #2a2438;

  /* Semantic tokens - light mode */
  --bg: #f4f3f8;
  --bg-elevated: #ffffff;
  --bg-subtle: var(--brand-bg);
  --surface: rgba(255, 255, 255, 0.72);
  --surface-border: rgba(53, 47, 68, 0.12);
  --text: var(--brand-dark);
  --text-muted: #5c5470;
  --text-faint: rgba(92, 84, 112, 0.72);
  --accent: var(--brand-accent);
  --accent-contrast: #ffffff;
  --accent-soft: rgba(92, 84, 112, 0.12);
  --ring: rgba(53, 47, 68, 0.45);
  --shadow-sm: 0 1px 2px rgba(42, 36, 56, 0.06);
  --shadow-md: 0 10px 30px -18px rgba(42, 36, 56, 0.45);
  --logo-filter: none;

  /* Shape and motion */
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 300ms;
  --dur-mid: 500ms;
  --dur-slow: 700ms;

  /* Type */
  --font-heading: "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;

  /* Layout */
  --maxw: 1180px;
  --nav-h: 84px;
  color-scheme: light;
}

html[data-theme="dark"] {
  --bg: #16131f;
  --bg-elevated: #1e1a2a;
  --bg-subtle: #221d30;
  --surface: rgba(42, 36, 56, 0.62);
  --surface-border: rgba(219, 216, 227, 0.14);
  --text: #eeecf4;
  --text-muted: #b9b3c9;
  --text-faint: rgba(219, 216, 227, 0.62);
  --accent: #dbd8e3;
  --accent-contrast: #2a2438;
  --accent-soft: rgba(219, 216, 227, 0.12);
  --ring: rgba(219, 216, 227, 0.5);
  --shadow-md: 0 10px 34px -18px rgba(0, 0, 0, 0.8);
  --logo-filter: invert(1) brightness(1.6);
  color-scheme: dark;
}

/* Founder page - warm portfolio palette */
body.theme-founder {
  --bg: #f7f1de;
  --bg-elevated: #fffaf0;
  --bg-subtle: #f0e7cf;
  --surface: rgba(255, 250, 240, 0.78);
  --surface-border: rgba(78, 34, 15, 0.14);
  --text: #4e220f;
  --text-muted: #7a4a2c;
  --text-faint: rgba(78, 34, 15, 0.65);
  --accent: #9d6638;
  --accent-contrast: #fffaf0;
  --accent-soft: rgba(176, 186, 153, 0.28);
  --ring: rgba(157, 102, 56, 0.5);
  --logo-filter: none;
}

html[data-theme="dark"] body.theme-founder {
  --bg: #1d150f;
  --bg-elevated: #271c14;
  --bg-subtle: #2f2118;
  --surface: rgba(39, 28, 20, 0.7);
  --surface-border: rgba(247, 241, 222, 0.14);
  --text: #f7f1de;
  --text-muted: #d8c7a9;
  --text-faint: rgba(247, 241, 222, 0.62);
  --accent: #c9884f;
  --accent-contrast: #1d150f;
  --accent-soft: rgba(176, 186, 153, 0.18);
  --logo-filter: invert(1) brightness(1.6);
}

html,
body {
  transition: background-color var(--dur-mid) var(--ease), color var(--dur-mid) var(--ease);
}