/*
  Design tokens shared with the in-app "Deep Deck" design language
  (see iosclient/BusinessUIRedesignPreview.html) so the marketing site
  reads as the same product, not a generic skin.
*/

:root {
  --bg-deep: #030305;
  --bg-base: #07070c;
  --bg-elevated: #0d0d15;
  --bg-elevated-2: #131320;
  --glass: rgba(255, 255, 255, 0.045);
  --glass-strong: rgba(255, 255, 255, 0.075);
  --border-hair: rgba(255, 255, 255, 0.09);
  --border-hair-strong: rgba(255, 255, 255, 0.16);

  --fg-primary: #f5f5f8;
  --fg-secondary: #9c9cac;
  --fg-tertiary: #605f70;

  --brand: #7c6cff;
  --brand-soft: rgba(124, 108, 255, 0.16);
  --brand-glow: rgba(124, 108, 255, 0.35);

  --c-tasks: #ffb454;
  --c-tasks-soft: rgba(255, 180, 84, 0.14);
  --c-approvals: #fb7ba2;
  --c-approvals-soft: rgba(251, 123, 162, 0.14);
  --c-directory: #43d9e8;
  --c-directory-soft: rgba(67, 217, 232, 0.14);
  --c-announce: #ffc857;
  --c-announce-soft: rgba(255, 200, 87, 0.14);
  --c-booking: #34d399;
  --c-booking-soft: rgba(52, 211, 153, 0.14);
  --c-survey: #60a5fa;
  --c-survey-soft: rgba(96, 165, 250, 0.14);
  --c-kb: #e879f9;
  --c-kb-soft: rgba(232, 121, 249, 0.14);
  --c-chat: #7c6cff;
  --c-chat-soft: rgba(124, 108, 255, 0.14);

  --danger: #ff5c7a;
  --success: #34d399;
  --warning: #ffc857;

  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --radius-pill: 999px;

  --font-display: 'Syne', 'PingFang SC', sans-serif;
  --font-body: 'Manrope', 'PingFang SC', sans-serif;

  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  --space-section: clamp(4rem, 3rem + 5vw, 9rem);
  --space-gap: clamp(1rem, 0.8rem + 1vw, 2rem);
}

/* Day Deck — light theme overrides. Same variable names, ink-adjusted hues
   so every accent still hits 4.5:1+ against a light surface. */
:root[data-theme='light'] {
  --bg-deep: #f6f5fb;
  --bg-base: #ffffff;
  --bg-elevated: #f3f1f9;
  --bg-elevated-2: #eae7f5;
  --glass: rgba(22, 17, 42, 0.035);
  --glass-strong: rgba(22, 17, 42, 0.06);
  --border-hair: rgba(22, 17, 42, 0.09);
  --border-hair-strong: rgba(22, 17, 42, 0.16);

  --fg-primary: #16141f;
  --fg-secondary: #514e63;
  --fg-tertiary: #86829a;

  --brand: #6d28d9;
  --brand-soft: rgba(109, 40, 217, 0.1);
  --brand-glow: rgba(109, 40, 217, 0.28);

  --c-tasks: #b45309;
  --c-approvals: #be185d;
  --c-directory: #0e7490;
  --c-announce: #a16207;
  --c-booking: #047857;
  --c-survey: #1d4ed8;
  --c-kb: #a21caf;
  --c-chat: #6d28d9;

  --danger: #dc2626;
  --success: #047857;
  --warning: #a16207;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) {
    --bg-deep: #f6f5fb;
    --bg-base: #ffffff;
    --bg-elevated: #f3f1f9;
    --bg-elevated-2: #eae7f5;
    --glass: rgba(22, 17, 42, 0.035);
    --glass-strong: rgba(22, 17, 42, 0.06);
    --border-hair: rgba(22, 17, 42, 0.09);
    --border-hair-strong: rgba(22, 17, 42, 0.16);

    --fg-primary: #16141f;
    --fg-secondary: #514e63;
    --fg-tertiary: #86829a;

    --brand: #6d28d9;
    --brand-soft: rgba(109, 40, 217, 0.1);
    --brand-glow: rgba(109, 40, 217, 0.28);

    --c-tasks: #b45309;
    --c-approvals: #be185d;
    --c-directory: #0e7490;
    --c-announce: #a16207;
    --c-booking: #047857;
    --c-survey: #1d4ed8;
    --c-kb: #a21caf;
    --c-chat: #6d28d9;
  }
}