/* Alta Mortgage Group — design tokens
   Source: Alta Mortgage Group design system (colors_and_type.css). */

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

:root {
  /* === Brand Green === */
  --green-900: #111F17;
  --green-800: #1F3B2D;
  --green-700: #2A4D3A;
  --green-600: #375F48;
  --green-500: #4E6F57;
  --green-400: #6B8A73;
  --green-300: #8FA898;
  --green-200: #C0D3C7;
  --green-100: #DDE7D5;
  --green-50:  #EDF3E9;

  /* === Brand Gold === */
  --gold-800: #7A6840;
  --gold-700: #8F7A50;
  --gold-600: #A48D5F;
  --gold-500: #BFA880;
  --gold-400: #CDB994;
  --gold-300: #D9CBAA;
  --gold-200: #E6DCC5;
  --gold-100: #F0E8D7;
  --gold-50:  #F8F0E1;

  /* === Neutrals === */
  --cream:    #F8F0E1;
  --white:    #FFFFFF;
  --gray-900: #111827;
  --gray-800: #1F2937;
  --gray-700: #374151;
  --gray-600: #4B5563;
  --gray-500: #6B7280;
  --gray-400: #9CA3AF;
  --gray-300: #D1D5DB;
  --gray-200: #E5E7EB;
  --gray-100: #F3F4F6;
  --gray-50:  #F9FAFB;

  /* === Status === */
  --warning: #D97706;
  --danger:  #DC2626;
  --info:    #2563EB;

  /* === Imposter compatibility aliases ===
     The HTML/CSS was built against `--ld-primary`/`--ld-secondary` etc.
     We keep those names so nothing else needs to change. */

  /* primary scale → Alta green (lightened) */
  --ld-primary-50:  var(--green-50);
  --ld-primary-100: var(--green-100);
  --ld-primary-200: var(--green-200);
  --ld-primary-300: var(--green-300);
  --ld-primary-400: var(--green-400);
  --ld-primary:     var(--green-600);
  --ld-primary-600: var(--green-500);
  --ld-primary-700: var(--green-700);
  --ld-primary-800: var(--green-800);
  --ld-primary-900: var(--green-900);

  /* secondary → Alta gold */
  --ld-secondary-50:  var(--gold-50);
  --ld-secondary:     var(--gold-500);
  --ld-secondary-700: var(--gold-700);

  /* surfaces, borders, text */
  --black:           var(--green-900);
  --surface:         var(--white);
  --border:          var(--gray-200);
  --light-bg:        var(--green-50);
  --light-border:    var(--gray-200);
  --text-primary:    var(--white);
  --text-dark:       var(--gray-900);
  --text-muted:      var(--green-200);
  --text-muted-dark: var(--gray-500);

  /* page surfaces */
  --bg-page:    var(--cream);
  --bg-nav:     var(--white);
  --bg-footer:  var(--green-700);
  --bg-banner:  var(--green-800);
  --bg-card:    var(--white);

  /* === Typography === */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* === Radii (Alta uses smaller, more refined corners) === */
  --radius-sm:   2px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  16px;
  --radius-pill: 9999px;

  /* === Shadows === */
  --shadow-flat:     0 1px 2px rgba(0,0,0,0.05);
  --shadow-raised:   0 0 0 3px rgba(30, 74, 54, 0.20);
  --shadow-floating: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
  --shadow-overlay:  0 20px 60px rgba(0,0,0,0.18);
  --shadow-card:     0 1px 3px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-focus:    0 0 0 3px rgba(30, 74, 54, 0.20);

  /* === Container === */
  --container-max:  1023.98px;
  --container-wide: 1280px;

  /* === Z-index scale === */
  --z-nav:   1000;
  --z-modal: 1050;
  --z-toast: 1070;

  /* === Transitions === */
  --t-fast: 150ms ease-out;
  --t-base: 250ms ease-out;
  --t-slow: 400ms ease-out;
}