/* CastCodes landing site brand color tokens. Kept in sync with coven-docs globals.css. */
:root {
  color-scheme: light dark;

  /* Anchors */
  --oc-black: #050409;
  --oc-white: #ffffff;

  /* Primary OpenCoven violet spectrum — matches coven-docs --coven-violet */
  --oc-purple-primary: #9A8ECD;
  --oc-purple-dark: #7A6FB3;
  --oc-purple-light: #B4AAEB;
  --oc-purple-very-light: #E8E0F0;
  --oc-purple-accent: #C4B9F0;
  --oc-purple-accent-muted: #9A8ECD;

  /* Legacy aliases for backward compatibility */
  --oc-purple-1: #7A6FB3;
  --oc-purple-2: #9A8ECD;
  --oc-purple-3: #B4AAEB;
  --oc-purple-glow: #C4B9F0;

  /* Controlled accents */
  --oc-accent-blue: #0A84FF;
  --oc-danger: #FF3B30;
  --oc-success: #30D158;

  /* Surfaces (dark mode) */
  --oc-surface-0: #050409;
  --oc-surface-1: #111018;
  --oc-surface-2: #191622;
  --oc-surface-3: #241A32;
  --oc-border-subtle: rgba(255, 255, 255, 0.08);
  --oc-border-strong: rgba(255, 255, 255, 0.14);
  --oc-border-purple: rgba(154, 142, 205, 0.24);
  --oc-text: #E8E0F0;
  --oc-text-muted: rgba(232, 224, 240, 0.68);
  --oc-text-faint: rgba(232, 224, 240, 0.42);

  /* Radius scale — matches coven-docs */
  --oc-radius-sm: 6px;
  --oc-radius-md: 8px;
  --oc-radius-lg: 12px;

  /* Coven named violet tokens — mirrors coven-docs globals.css exactly */
  --coven-violet:       #9A8ECD;
  --coven-violet-light: #B4AAEB;
  --coven-violet-dark:  #7A6FB3;

  /* Light mode overrides */
  @media (prefers-color-scheme: light) {
    --oc-surface-0: #050409;
    --oc-surface-1: #111018;
    --oc-surface-2: #191622;
    --oc-surface-3: #241A32;
    --oc-border-subtle: rgba(255, 255, 255, 0.08);
    --oc-border-strong: rgba(255, 255, 255, 0.14);
    --oc-border-purple: rgba(154, 142, 205, 0.24);
    --oc-text: #E8E0F0;
    --oc-text-muted: rgba(232, 224, 240, 0.68);
    --oc-text-faint: rgba(232, 224, 240, 0.42);
  }

  /* Signature treatments: use sparingly */
  --oc-gradient-signature: linear-gradient(135deg, var(--oc-purple-primary), var(--oc-purple-accent));
  --oc-gradient-accent: linear-gradient(135deg, var(--oc-purple-accent-muted), var(--oc-purple-accent));
  --oc-radial-glow: radial-gradient(circle, rgba(154, 142, 205, 0.28) 0%, rgba(154, 142, 205, 0) 68%);
  --oc-radial-glow-bright: radial-gradient(circle, rgba(196, 185, 240, 0.2) 0%, rgba(196, 185, 240, 0) 60%);
  --oc-focus-ring: 0 0 0 2px rgba(154, 142, 205, 0.52), 0 0 32px rgba(154, 142, 205, 0.28);
  --oc-hover-glow: 0 0 36px rgba(154, 142, 205, 0.26);
  --oc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --oc-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --oc-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --oc-shadow-purple: 0 4px 20px rgba(154, 142, 205, 0.18);
}