/* variables.css
   Core design tokens: colors, fonts, spacing, transitions
*/

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Serif+Display:ital,wght@0,400;1,400&display=swap");

:root {
  /* Brand Colors – NEW THEME */
  --color-bg: #F1F3F8;          /* Main page background */
  --color-surface: #FFFFFF;     /* Cards / panels */
  --color-surface-soft: #D6E0F0;
  --color-primary: #393B44;     /* Headings, primary text, buttons */
  --color-primary-soft: #8D93AB;/* Secondary emphasis */
  --color-secondary: #393B44;   /* Logo & important accents */
  --color-text: #262833;        /* Body text */
  --color-muted: #6B7280;       /* Paragraphs etc. */
  --color-muted-soft: #8D93AB;  /* Labels, meta text */
  --color-border: rgba(141, 147, 171, 0.45);
  --color-border-strong: rgba(57, 59, 68, 0.7);

  /* Typography */
  --font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-heading: "DM Serif Display", "Times New Roman", ui-serif, Georgia,
    serif;

  /* Layout */
  --container-width: 1120px;
  --container-padding-x: 1.5rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.75rem;

  /* Spacing scale */
  --space-xs: 0.35rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}