/* 02 Color — palette v1.0. Contrast ratios measured on Limestone. */
:root {
  /* Base */
  --os-oak-green:     #2C4C3B; /* oklch(0.386 0.048 160) */
  --os-deep-oak:      #1E3529; /* oklch(0.306 0.037 160) */
  --os-limestone:     #F5F5F0; /* oklch(0.969 0.007 107) */
  --os-paper:         #FDFDFC;
  --os-white:         #FFFFFF;
  --os-sprocket-dark: #5A615E; /* oklch(0.485 0.010 168) */
  --os-sprocket-gray: #8C9491; /* oklch(0.659 0.010 172) */
  --os-trail-clay:    #8D5136; /* oklch(0.500 0.090 45)  */

  /* Derived */
  --os-hairline:      rgba(140, 148, 145, 0.4);
  --os-hairline-firm: rgba(140, 148, 145, 0.5);
  --os-rule:          #E3E3DC;
  --os-clay-tint:     rgba(141, 81, 54, 0.09);
  --os-clay-hairline: rgba(141, 81, 54, 0.3);
  --os-focus-ring:    rgba(44, 76, 59, 0.14);
  --os-disabled-fill: rgba(140, 148, 145, 0.28);
  --os-field-fill:    #FAFAF7;

  /* Reversed (on Oak Green / Deep Oak grounds) */
  --os-on-dark:            #F5F5F0;
  --os-on-dark-body:       rgba(245, 245, 240, 0.88);
  --os-on-dark-muted:      rgba(245, 245, 240, 0.6);
  --os-on-dark-hairline:   rgba(245, 245, 240, 0.16);
  --os-on-dark-chip:       rgba(245, 245, 240, 0.12);

  /* Semantic aliases */
  --os-surface-page:    var(--os-paper);
  --os-surface-band:    var(--os-limestone);
  --os-surface-card:    var(--os-white);
  --os-surface-inverse: var(--os-deep-oak);
  --os-text-heading:    var(--os-deep-oak);
  --os-text-body:       var(--os-sprocket-dark);
  --os-text-muted:      var(--os-sprocket-gray);
  --os-text-inverse:    var(--os-on-dark);
  --os-action:          var(--os-oak-green);
  --os-action-hover:    var(--os-deep-oak);
  --os-border-subtle:   var(--os-hairline);
  --os-border-rule:     var(--os-rule);
  --os-wayfinding:      var(--os-trail-clay);
  --os-error:           var(--os-trail-clay);
}