/* 7Pillar Software — colour system.
   Every base value is sampled from the supplied brand assets:
   logo ink #071C32, wallpaper plum #1C1232 / #1E1543, violet core #9936C8,
   magenta bloom #DD58FF, rim glow #FFF8FB, cream logo #FFFBF4, warm edge #5C272E. */
:root {
  /* --- Ink: the corporate/consulting half of the brand (logo navy) --- */
  --ink-900: #071c32;
  --ink-800: #0d2340;
  --ink-700: #142f52;
  --ink-600: #1d3f68;
  --ink-500: #2b5480;

  /* --- Plum: the software/AI half of the brand (wallpaper ground) --- */
  --plum-900: #120a24;
  --plum-800: #1c1232;
  --plum-700: #251746;
  --plum-600: #2f1d59;
  --plum-500: #3d2670;

  /* --- Violet → magenta: the energy axis (gradient core) --- */
  --violet-700: #6d1f96;
  --violet-600: #8129b0;
  --violet-500: #9936c8;
  --violet-400: #b84be6;
  --magenta-400: #dd58ff;
  --magenta-300: #e98cff;
  --magenta-200: #f3bcff;

  /* --- Rim glow + cream (logo on dark, highlight arc) --- */
  --glow-100: #fff8fb;
  --cream-50: #fffbf4;
  --cream-100: #f8f4ec;
  --cream-200: #eee8dd;

  /* --- Warm ember: the single warm accent in the wallpaper's right edge --- */
  --ember-700: #5c272e;
  --ember-500: #a4444a;
  --ember-300: #d98a6c;

  /* --- Cool neutrals, tuned toward the ink hue --- */
  --slate-50: #f5f7fa;
  --slate-100: #e9edf3;
  --slate-200: #d6dde7;
  --slate-300: #b4bfce;
  --slate-400: #8695aa;
  --slate-500: #5d6f87;
  --slate-600: #405168;
  --slate-700: #2b3b4f;
  --slate-800: #18283c;
  --slate-900: #0b1b2c;

  /* --- Status --- */
  --green-600: #17795f;
  --green-500: #1e9575;
  --green-100: #dcf2ea;
  --amber-600: #a2700f;
  --amber-500: #c98a16;
  --amber-100: #fbf0d6;
  --red-600: #a63b36;
  --red-500: #c2453f;
  --red-100: #f9e3e1;

  /* ============ SEMANTIC ALIASES ============ */
  /* Brand */
  --brand-ink: var(--ink-900);
  --brand-plum: var(--plum-800);
  --brand-violet: var(--violet-500);
  --brand-magenta: var(--magenta-400);
  --brand-cream: var(--cream-50);

  /* Surfaces — light (default) */
  --surface-page: var(--cream-100);
  --surface-card: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: var(--slate-50);
  --surface-inverse: var(--ink-900);
  --surface-brand: var(--plum-800);
  --surface-subtle: var(--slate-100);
  --surface-accent-soft: #f4ebfb;

  /* Text */
  --text-heading: var(--ink-900);
  --text-body: var(--slate-700);
  --text-muted: var(--slate-500);
  --text-faint: var(--slate-400);
  --text-on-dark: var(--cream-50);
  --text-on-dark-muted: #b9aecd;
  --text-on-accent: #ffffff;
  --text-link: var(--violet-600);
  --text-link-hover: var(--violet-700);

  /* Borders */
  --border-subtle: var(--slate-200);
  --border-default: var(--slate-300);
  --border-strong: var(--slate-400);
  --border-on-dark: rgb(255 251 244 / 0.16);
  --border-accent: var(--violet-400);

  /* Interactive */
  --action-primary: var(--ink-900);
  --action-primary-hover: var(--ink-700);
  --action-primary-active: var(--ink-800);
  --action-accent: var(--violet-500);
  --action-accent-hover: var(--violet-600);
  --action-accent-active: var(--violet-700);
  --focus-ring: var(--magenta-400);

  /* Status semantics */
  --status-success: var(--green-500);
  --status-success-soft: var(--green-100);
  --status-warning: var(--amber-500);
  --status-warning-soft: var(--amber-100);
  --status-danger: var(--red-500);
  --status-danger-soft: var(--red-100);
  --status-info: var(--violet-500);
  --status-info-soft: var(--surface-accent-soft);

  /* Gradients — the brand's signature. Aurora = wallpaper recreation. */
  --gradient-aurora: radial-gradient(120% 92% at 50% 118%, var(--glow-100) 0%, var(--magenta-400) 6%, var(--violet-500) 34%, var(--plum-700) 68%, var(--plum-900) 100%);
  --gradient-brand: linear-gradient(135deg, var(--violet-500) 0%, var(--magenta-400) 100%);
  --gradient-ink: linear-gradient(160deg, var(--ink-900) 0%, var(--plum-800) 100%);
  --gradient-rim: linear-gradient(90deg, rgb(255 248 251 / 0) 0%, var(--glow-100) 50%, rgb(255 248 251 / 0) 100%);
  --gradient-text-brand: linear-gradient(96deg, var(--violet-400) 0%, var(--magenta-300) 100%);
  --gradient-scrim: linear-gradient(180deg, rgb(18 10 36 / 0) 0%, rgb(18 10 36 / 0.72) 62%, rgb(18 10 36 / 0.94) 100%); /* @kind color */
}

/* Dark scope — apply to any subtree with [data-theme="dark"] or .theme-dark */
[data-theme="dark"] {
  --surface-page: var(--plum-900);
  --surface-card: var(--plum-800);
  --surface-raised: var(--plum-700);
  --surface-sunken: #0d0719;
  --surface-inverse: var(--cream-50);
  --surface-subtle: var(--plum-700);
  --surface-accent-soft: rgb(184 75 230 / 0.14);
  --text-heading: var(--cream-50);
  --text-body: #cfc6dd;
  --text-muted: #a396b8;
  --text-faint: #7b6d92;
  --text-link: var(--magenta-300);
  --text-link-hover: var(--magenta-200);
  --border-subtle: rgb(255 251 244 / 0.1);
  --border-default: rgb(255 251 244 / 0.18);
  --border-strong: rgb(255 251 244 / 0.3);
  --action-primary: var(--cream-50);
  --action-primary-hover: #ffffff;
  --action-primary-active: var(--cream-200);
}