/*
 * brand.css — FLC (Frontera Learning Centre)
 * Brand tokens only. Do not add layout or component rules here.
 * Swap this file to rebrand the entire package.
 */

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

:root {
  --brand-primary:       #E86100;
  --brand-dark:          #B34A00;
  --brand-muted:         #FFD4B3;
  --brand-gradient:      linear-gradient(135deg, #E86100 0%, #B34A00 100%);
  --brand-charcoal:      #2a2a2a;
  --brand-ink:           #1a1a1a;
  --brand-mid:           #4a4a4a;
  --brand-muted-text:    #6b7280;
  --brand-white:         #ffffff;
  --brand-border:        #e5e7eb;
  --brand-section-alt:   #FFF4EC;
  --brand-light-bg:      #FFFAF6;
  --brand-nav-border:    #FFBF8A;
  --brand-footer-bg:     #FFE8D1;
  --brand-footer-border: #FFBF8A;
  --brand-hero-grad:     linear-gradient(to left, #FFF0E0, #ffffff);
  --radius:              10px;
  --radius-lg:           16px;
  --max-w:               860px;
  --font-body:           'DM Sans', sans-serif;
  --font-display:        'DM Serif Display', serif;
}