/* FranQ Brand — CSS Custom Properties
   Source: brand_guidelines.md v1.0 */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* 01 — Foundations (Dark Surfaces) */
  --color-bg:               #0A0E1A;
  --color-surface:          #0D1526;
  --color-surface-elevated: #0F1830;
  --color-border:           #1A2A4A;
  --color-muted:            #2A3A5A;

  /* 02 — Accent (Cyan) */
  --color-accent:           #00D4FF;
  --color-accent-dark:      #0090CC;
  --color-accent-ghost:     rgba(0, 212, 255, 0.10);

  /* 03 — Typography Colors */
  --color-text-heading:     #E8F0FF;
  --color-text-body:        #B0C4E0;
  --color-text-secondary:   #6A8AAA;
  --color-text-link:        #00D4FF;

  /* 04 — Semantic (Status Colors) */
  --color-success:          #22C55E;
  --color-warning:          #F59E0B;
  --color-error:            #EF4444;
  --color-info:             #6A8AFF;

  /* 05 — Light Mode Surfaces (Blog / Articles) */
  --color-light-bg:         #FFFFFF;
  --color-light-bg-off:     #F8FAFF;
  --color-light-surface:    #EEF2FF;
  --color-light-border:     #DDE4F0;
  --color-light-text:       #1E3A8A;

  /* Typography */
  --font-heading: 'JetBrains Mono', 'Space Mono', 'Courier New', monospace;
  --font-body: 'Inter', 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* Spacing scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}