/* Studio 77 — Color tokens
   Warm, considered, quietly premium. Sienna is the brand core,
   Brass the accent warmth, Bone the paper surface, Espresso the text. */

:root {
  /* ---- Core palette ---- */
  --sienna: #772C10;   /* Primary · brand core */
  --brass:  #B08968;   /* Accent · warmth */
  --bone:   #EFE6D6;   /* Surface · paper */
  --espresso: #3E2B1E; /* Text · contrast */

  /* ---- Sienna scale ---- */
  --sienna-50:  #FBF1EC;
  --sienna-100: #F6DCCF;
  --sienna-200: #EBBBA2;
  --sienna-300: #D9906B;
  --sienna-400: #C0663B;
  --sienna-500: #9A431F;
  --sienna-600: #772C10;
  --sienna-700: #5F220C;
  --sienna-800: #471908;
  --sienna-900: #2F1005;

  /* ---- Brass scale ---- */
  --brass-50:  #FAF6F1;
  --brass-100: #F0E6DA;
  --brass-200: #E1CCB4;
  --brass-300: #CFB08C;
  --brass-400: #B08968;
  --brass-500: #977158;
  --brass-600: #7C5C47;
  --brass-700: #5F4737;
  --brass-800: #453529;
  --brass-900: #2C231B;

  /* ---- Warm neutrals ---- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F7F4EF;
  --neutral-100: #EFE6D6;
  --neutral-200: #E0D6C6;
  --neutral-300: #C7BCAB;
  --neutral-400: #A79C8C;
  --neutral-500: #857B6D;
  --neutral-600: #635B50;
  --neutral-700: #453F38;
  --neutral-800: #3E2B1E;
  --neutral-900: #1A1512;

  /* ---- Status ---- */
  --success: #4F7A5B;
  --warning: #C08A2E;
  --error:   #B23A2E;
  --info:    #4A6D8C;

  /* ---- Semantic aliases ---- */
  --color-brand:            var(--sienna-600);
  --color-brand-hover:      var(--sienna-700);
  --color-brand-active:     var(--sienna-800);
  --color-accent:           var(--brass-400);

  --surface-page:           var(--bone);
  --surface-card:           var(--neutral-0);
  --surface-raised:         var(--neutral-50);
  --surface-sunken:         var(--neutral-100);
  --surface-inverse:        var(--espresso);

  --text-strong:            var(--espresso);
  --text-body:              var(--neutral-800);
  --text-muted:             var(--neutral-600);
  --text-subtle:            var(--neutral-500);
  --text-on-brand:          var(--bone);
  --text-on-inverse:        var(--bone);
  --text-link:              var(--sienna-600);
  --text-link-hover:        var(--sienna-700);

  --border-hairline:        var(--neutral-200);
  --border-strong:          var(--neutral-300);
  --border-focus:           var(--sienna-500);

  --status-success:         var(--success);
  --status-warning:         var(--warning);
  --status-error:           var(--error);
  --status-info:            var(--info);
}