/* ==========================================================================
   Beyond Letters — design tokens
   Consumed by the shared app chrome, which reads ONLY these variables. The
   variable NAMES stay `--ws-*` because the core kit's components reference
   them; the VALUES are entirely Beyond Letters. That is the whole re-skin.

   Every value here is literal. No token aliases another token: an alias
   resolves where it is DECLARED, not where it is used, which has silently
   broken a themed surface before. Repetition is the cheaper mistake.

   Taken from her actual logo (Aug 4): deep teal, antique gold, a gold star
   over an open book. The first version of this file guessed coral and cream
   because no logo existed yet; it guessed wrong, and every value below is
   now read off the real thing.

   The gold is a FILL colour, not a text colour — at #C9A227 it manages only
   2.3:1 on this background, so anywhere gold has to carry words it drops to
   --ws-terracotta-deep. Same rule the old palette had for its pop; the
   colour changed, the discipline did not.
   ========================================================================== */

:root {
  /* --- Palette, from the logo --- */
  --ws-stone:       #EFEDE6; /* warm panel: columns, table headers */
  --ws-olive:       #12565B; /* PRIMARY ACTION — her teal, not olive */
  --ws-olive-deep:  #0B3A3E; /* hover, and the darkest teal in the mark */
  --ws-sage:        #A8C7C6; /* soft teal tint, decorative only */
  --ws-pebble:      #E2DDD2; /* strokes, dividers. NEVER text */
  --ws-ivory:       #FBFAF7; /* default background */
  --ws-ink:         #1C2A2B; /* text: near-black with the teal in it */
  --ws-terracotta:  #C9A227; /* the pop: her gold star. One per view */

  /* --- Support tints --- */
  --ws-limestone:      #F4F1EA; /* cards, hover, light panels */
  --ws-gray-warm:      #5C5A50; /* secondary text; 6.6:1 here */
  --ws-sage-light:     #E2EFEE;
  --ws-sage-lighter:   #F1F7F6;
  --ws-terracotta-deep:#7A5F0E; /* the text-safe gold: 5.8:1 on ivory */

  /* --- Semantic aliases (literal values, deliberately not var()) --- */
  --ws-bg:              #FBFAF7;
  --ws-paper:           #FFFFFF; /* cards and rows: a hair brighter than the page */
  --ws-surface:         #EFEDE6;
  --ws-surface-light:   #F4F1EA;
  --ws-text:            #1C2A2B;
  --ws-text-secondary:  #5C5A50;
  --ws-accent:          #12565B;
  --ws-stroke:          #E2DDD2;
  --ws-stroke-focus:    #12565B;
  --ws-pop:             #C9A227;

  /* --- Actions --- */
  --ws-btn-primary-bg:     #12565B; /* 8.4:1 against its own white label */
  --ws-btn-primary-text:   #FFFFFF;
  --ws-btn-primary-hover:  #0B3A3E;
  --ws-btn-emphasis-bg:    #1C2A2B;
  --ws-btn-emphasis-text:  #FBFAF7;
  --ws-btn-secondary-text: #1C2A2B;
  --ws-btn-secondary-stroke: #E2DDD2;

  /* --- Status chips: teal for good, gold for needs-attention --- */
  --ws-chip-positive-bg:   #E2EFEE;
  --ws-chip-positive-text: #0E4A4E;
  --ws-chip-neutral-bg:    #EFECE3;
  --ws-chip-neutral-text:  #5C5A50;
  --ws-chip-warm-bg:       #F7EFD6;
  --ws-chip-warm-text:     #7A5F0E;

  /* --- Typography ---
     Her wordmark is a classical letter-spaced roman serif. Marcellus is the
     closest thing to it that stays readable at 15px, so headings echo the
     logo; the body stays Nunito Sans, because the person reading these
     screens all day is a tutor between students, not an art director. */
  --ws-font-display: 'Marcellus', Georgia, serif;
  --ws-font-body: 'Nunito Sans', system-ui, sans-serif;
  --ws-tracking-display: 0.07em; /* the chrome sets display type in CAPS, and her
                                    wordmark is widely spaced. Tight caps read as a
                                    mistake; this reads as the logo. */
  --ws-tracking-kicker: 0.14em;

  /* --- Shape and space --- */
  --ws-radius-card: 14px;
  --ws-radius-pill: 999px;
  --ws-radius-swatch: 6px;
  --ws-stroke-width: 1.5px;
  --ws-hit-target: 44px;
}

/* Dark-fill context, inherited from the core kit's convention. Restated with
   literal values for the same reason as above: on her deep teal, the accent
   has to become the gold or it disappears into its own background. */
.ws-on-dark {
  --ws-text:           #FBFAF7;
  --ws-text-secondary: #C6D6D5;
  --ws-accent:         #E3C766;
  color: #FBFAF7; /* `color` is inherited already-resolved; the var alone is not enough */
}