/* =========================================
   SOLAR NEXA BRAND SYSTEM (single source of truth)
   70% navy/black + 20% white/gray + 10% gold.
   Loaded before each page's local <style>.
   ========================================= */
:root {
  /* Levels */
  --bg:          #0D1320;
  --surface:     #121A2A;
  --surface-2:   #192235;
  --surface2:    #192235; /* legacy alias (quotegen) */
  --border:      #2A3447;
  --border2:     rgba(255, 255, 255, 0.16);

  /* Signature golds */
  --gold:        #F4C542;
  --gold-deep:   #C9961A;
  --gold-dark:   #C9961A;
  --gold-light:  #E8C968;
  --gold-faint:  rgba(244, 197, 66, 0.07);
  --gold-border: rgba(244, 197, 66, 0.25);
  --gold-mid:    rgba(244, 197, 66, 0.45);
  --gold-grad:   linear-gradient(135deg, #FFF0A3 0%, #F4C542 55%, #C9961A 100%);

  /* Text */
  --text:        #F7F7F5;
  --muted:       #DBDCE3;
  --dim:         #8992A3;
  --body:        #C5CBD5;

  /* Data / status */
  --red:         #E85D5D;
  --red-s:       rgba(232, 93, 93, 0.08);
  --red-m:       rgba(232, 93, 93, 0.24);
  --green:       #3CCB7F;
  --teal:        #3CCB7F;
  --tea-s:       rgba(60, 203, 127, 0.12);
  --tea-m:       rgba(60, 203, 127, 0.28);
  --blue:        #4D7CFE;
  --sky:         #4D7CFE;
  --sky-s:       rgba(77, 124, 254, 0.12);
  --sky-m:       rgba(77, 124, 254, 0.28);

  /* Type + shape */
  --ff:          'Inter', sans-serif;
  --ff-ui:       'Montserrat', sans-serif;
  --ff-h:        'Playfair Display', serif;
  --r-sm: 10px; --r-md: 16px; --r-lg: 22px;
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
}

/* Base type roles. Page rules may still override specific elements. */
body { font-family: var(--ff); color: var(--body); }
h1 { font-family: var(--ff-h); font-weight: 700; color: var(--text); }
h2, h3, h4 { font-family: var(--ff-ui); font-weight: 600; color: #EBEBF0; }
button, input, select, textarea, .btn { font-family: var(--ff-ui); }