/* CreatorHubWorld design tokens ("Blush"): white canvas, soft pink brand, near-black ink. Light is the default, dark overrides below.
   Every colour, radius, shadow and font used by the site comes from here, so a theme is just a different set of these values. */
:root {
  color-scheme: light;
  --brand: #D6336C;
  --brand-rgb: 214, 51, 108;
  --brand-600: #C2255C;
  --brand-700: #A61E4D;
  --brand-50: #FFF0F6;
  --pink-100: #FFE3EE;
  --pink-200: #FFC9DD;
  --brand-text: #C2255C;
  --on-brand: #FFFFFF;
  --coral: #FF7A59;
  --coral-50: #FFEFEA;
  --grad-brand: linear-gradient(135deg, #E64980 0%, #D6336C 55%, #C2255C 100%);
  --grad-soft: linear-gradient(160deg, #FFE3EE 0%, #FFF3F8 55%, #FFFFFF 100%);

  --ok: #0E9F78;      --ok-50: #E3F7EF;
  --warn: #B26B00;    --warn-50: #FFF3D9;
  --bad: #D92D2D;     --bad-50: #FFE9E9;
  --info: #2379D9;    --info-50: #E7F1FD;
  --star: #F5A524;

  --bg: #FFFFFF;
  --bg-soft: #FFF8FB;
  --surface: #FFFFFF;
  --surface-2: #F7F4F6;
  --ink: #17141A;
  --ink-2: #4A4650;
  --muted: #77727D;
  --line: #F0EBEF;
  --line-strong: #DFD8DE;

  --shadow-1: 0 1px 2px rgba(23, 20, 26, .04), 0 6px 20px rgba(23, 20, 26, .05);
  --shadow-2: 0 18px 50px rgba(var(--brand-rgb), .12), 0 4px 14px rgba(23, 20, 26, .06);
  --glow: 0 8px 22px rgba(var(--brand-rgb), .26);
  --focus: 0 0 0 3px rgba(var(--brand-rgb), .28);
  --overlay: rgba(23, 20, 26, .5);

  --r-s: 10px; --r-m: 14px; --r-l: 20px; --r-xl: 28px; --r-pill: 999px;

  --font-display: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-fast: 150ms;
  --t-med: 280ms;
  --header-h: 84px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --brand: #F06595;
  --brand-rgb: 240, 101, 149;
  --brand-600: #E64980;
  --brand-700: #D6336C;
  --brand-50: #2E1722;
  --pink-100: #3A1B29;
  --pink-200: #5A2640;
  --brand-text: #FF8FB5;
  --on-brand: #1A0A12;
  --coral-50: #3A2220;
  --grad-brand: linear-gradient(135deg, #FF8FB5 0%, #F06595 60%, #E64980 100%);
  --grad-soft: linear-gradient(160deg, #2A1521 0%, #1A1219 60%, #120F15 100%);
  --ok: #3DD6A5;   --ok-50: #10302A;
  --warn: #FFB84D; --warn-50: #39300F;
  --bad: #FF7B7B;  --bad-50: #3A1A1A;
  --info: #6DB3FF; --info-50: #14283F;

  --bg: #0F0D12;
  --bg-soft: #151118;
  --surface: #17141C;
  --surface-2: #211D27;
  --ink: #F6F3F7;
  --ink-2: #CFC9D4;
  --muted: #9C95A3;
  --line: #2A2530;
  --line-strong: #3A3441;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .25);
  --shadow-2: 0 18px 50px rgba(0, 0, 0, .55);
  --glow: 0 8px 22px rgba(var(--brand-rgb), .22);
  --focus: 0 0 0 3px rgba(var(--brand-rgb), .4);
  --overlay: rgba(0, 0, 0, .65);
}

/* Platform chip colours (generic brand hues, not logos) */
[data-p="ig"] { --p: #D6307A; } [data-p="yt"] { --p: #E02B2B; } [data-p="tt"] { --p: #1B1B1F; }
[data-p="x"]  { --p: #2A2A2E; } [data-p="li"] { --p: #0A66C2; } [data-p="fb"] { --p: #1877F2; }
[data-p="sc"] { --p: #F2C400; --p-ink: #1B1B1F; } [data-p="tw"] { --p: #8A45F5; }
[data-p="pn"] { --p: #D8132B; } [data-p="tg"] { --p: #229ED9; }
[data-theme="dark"] [data-p="tt"], [data-theme="dark"] [data-p="x"] { --p: #4A4870; }