/* Fal — Color tokens. Warm, earthy Saudi-hospitality palette drawn from the
   terracotta wordmark (#90483C) and sand-gold accent (#F0B478). */
:root {
  /* ---- Brand: Terracotta (primary) ---- */
  --fal-terracotta-900: #4E241B;
  --fal-terracotta-800: #6E3529;
  --fal-terracotta-700: #7E3E31;
  --fal-terracotta-600: #90483C; /* core brand brown */
  --fal-terracotta-500: #A2584A;
  --fal-terracotta-400: #B87264;
  --fal-terracotta-300: #D0998D;
  --fal-terracotta-200: #E6C6BE;
  --fal-terracotta-100: #F4E4DF;
  --fal-terracotta-50:  #FAF1EE;

  /* ---- Brand: Sand / Gold (accent) ---- */
  --fal-sand-900: #8A5A22;
  --fal-sand-800: #B07A32;
  --fal-sand-700: #CE9145;
  --fal-sand-600: #E0A063;
  --fal-sand-500: #F0B478; /* logo gold */
  --fal-sand-400: #F5C793;
  --fal-sand-300: #F9D8B0;
  --fal-sand-200: #FBE7CE;
  --fal-sand-100: #FDF3E6;
  --fal-sand-50:  #FEF9F1;

  /* ---- Warm neutrals (canvas / parchment / ink) ---- */
  --fal-ink-900: #241B16; /* warm near-black */
  --fal-ink-800: #3A2C24;
  --fal-ink-700: #52413A;
  --fal-neutral-600: #6E5D54;
  --fal-neutral-500: #8C7B71;
  --fal-neutral-400: #AC9C92;
  --fal-neutral-300: #CDBFB4;
  --fal-neutral-200: #E4D9CD;
  --fal-parchment:   #F3E9DC;
  --fal-canvas:      #FBF6EF; /* tent-canvas off-white, default surface */
  --fal-white:       #FFFFFF;

  /* ---- Semantic status (earth-toned) ---- */
  --fal-success-600: #4F7C4A;
  --fal-success-100: #E4EFE1;
  --fal-warning-600: #C98A2E;
  --fal-warning-100: #FBEED4;
  --fal-danger-600:  #B23A32;
  --fal-danger-100:  #F6DFDC;
  --fal-info-600:    #3D6E86;
  --fal-info-100:    #DDEAF0;

  /* ================= Semantic aliases ================= */
  --color-brand:            var(--fal-terracotta-600);
  --color-brand-strong:     var(--fal-terracotta-800);
  --color-brand-soft:       var(--fal-terracotta-100);
  --color-accent:           var(--fal-sand-500);
  --color-accent-strong:    var(--fal-sand-700);
  --color-accent-soft:      var(--fal-sand-100);

  --surface-page:           var(--fal-canvas);
  --surface-card:           var(--fal-white);
  --surface-raised:         var(--fal-white);
  --surface-sunken:         var(--fal-parchment);
  --surface-inverse:        var(--fal-ink-900);
  --surface-brand:          var(--fal-terracotta-600);
  --surface-accent:         var(--fal-sand-500);

  --text-strong:            var(--fal-ink-900);
  --text-body:              var(--fal-ink-800);
  --text-muted:             var(--fal-neutral-600);
  --text-subtle:            var(--fal-neutral-500);
  --text-on-brand:          var(--fal-sand-100);
  --text-on-accent:         var(--fal-ink-900);
  --text-brand:             var(--fal-terracotta-600);
  --text-link:              var(--fal-terracotta-600);
  --text-link-hover:        var(--fal-terracotta-800);

  --border-subtle:          var(--fal-neutral-200);
  --border-default:         var(--fal-neutral-300);
  --border-strong:          var(--fal-neutral-400);
  --border-brand:           var(--fal-terracotta-600);
  --border-accent:          var(--fal-sand-500);

  --focus-ring:             var(--fal-sand-600);
}