/* WenYou Design System — cream paper + plum ink. Not violet SaaS.

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "InterVariable";
  src: url("/assets/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("/assets/fonts/fraunces-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("/assets/fonts/ibm-plex-sans-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("/assets/fonts/ibm-plex-sans-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/assets/fonts/ibm-plex-sans-arabic-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("/assets/fonts/ibm-plex-sans-arabic-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary: #7A2E4A;
  --primary-dark: #5C2238;
  --primary-light: #A34D6C;
  --primary-gradient: linear-gradient(135deg, #7A2E4A, #5C2238);

  --night-bg: #0F0A1A;
  --night-surface: #1A1025;
  --night-surface-2: #241530;
  --night-border: #2E1F3D;
  --night-text: #FFFFFF;
  --night-text-muted: #B8A9C9;
  --night-glow: rgba(122, 46, 74, 0.3);

  --paper-bg: #F6F5F3;
  --paper-surface: #FFFFFF;
  --paper-border: rgba(28, 22, 18, 0.08);
  --paper-text: #1C1612;
  --paper-text-muted: #5C564F;

  --font-body: "IBM Plex Sans", "IBM Plex Sans Arabic", "Inter", "InterVariable", sans-serif;
  --font-display: "Fraunces", "Source Serif 4", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 72px;
  --space-2xl: 96px;

  --max-width: 1200px;
  --content-width: 760px;
  --gutter: 24px;

  --shadow-sm: 0 2px 8px rgba(15, 10, 26, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 10, 26, 0.12);
  --shadow-lg: 0 16px 48px rgba(15, 10, 26, 0.16);
  --shadow-glow: 0 8px 32px rgba(122, 46, 74, 0.35);
}

[data-mood="night"] {
  --canvas: var(--night-bg);
  --surface: var(--night-surface);
  --surface-2: var(--night-surface-2);
  --border: var(--night-border);
  --ink: var(--night-text);
  --ink-mute: var(--night-text-muted);
  --glow: var(--night-glow);
  color-scheme: dark;
}

[data-mood="paper"] {
  --canvas: var(--paper-bg);
  --surface: var(--paper-surface);
  --surface-2: var(--paper-bg);
  --border: var(--paper-border);
  --ink: var(--paper-text);
  --ink-mute: var(--paper-text-muted);
  --glow: rgba(122, 46, 74, 0.08);
  color-scheme: light;
}