/* ============================================================================
   Manna — design tokens
   Drop this into src/SSCA.manna.UI/wwwroot/css/tokens.css and import it from
   wwwroot/index.html BEFORE app.css.
   ============================================================================ */
:root {
  /* Brand */
  --manna-teal:           #0f4c5c;
  --manna-teal-deep:      #0a3442;
  --manna-clay:           #c75146;
  --manna-clay-soft:      #f6e3df;
  --manna-gold:           #d4a84b;
  --manna-gold-soft:      #f4e6c1;
  --manna-gradient:       linear-gradient(145deg, #0a3442 0%, #0f4c5c 40%, #7a3a3f 80%, #c75146 100%);
  --manna-gradient-soft:  linear-gradient(145deg, #0f4c5c 0%, #c75146 100%);

  /* Neutrals */
  --manna-ink:            #1a1f24;
  --manna-muted:          #6b7280;
  --manna-muted-2:        #9ca3af;
  --manna-bg:             #ffffff;
  --manna-bg-warm:        #fbfaf7;
  --manna-bg-muted:       #f3f1ea;
  --manna-border:         #e5e2da;
  --manna-border-soft:    #eceae4;
  --manna-divider:        #f1efe9;
  --manna-parchment:      #fbf8f3;

  /* Semantic */
  --manna-primary:        var(--manna-teal);
  --manna-primary-hover:  var(--manna-teal-deep);
  --manna-link:           var(--manna-teal);
  --manna-focus-ring:     #14b8a6;
  --manna-danger:         #b32121;
  --manna-danger-bg:      lightyellow;
  --manna-success:        #26b050;
  --manna-code:           #c02d76;

  /* Type */
  --font-sans:    'Inter', 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
  --font-serif:   'Noto Serif SC', 'Source Han Serif SC', Georgia, serif;
  --font-display: 'Fraunces', 'Noto Serif SC', Georgia, serif;

  /* Radius */
  --radius-sm:   7px;
  --radius-md:   10px;
  --radius-lg:   12px;
  --radius-xl:   14px;
  --radius-xxl:  16px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card:  0 4px 12px rgba(10,52,66,.06);
  --shadow-hero:  0 14px 30px rgba(10,52,66,.18);
  --shadow-seg:   0 1px 3px rgba(10,52,66,.08);
  --shadow-error: 0 -1px 2px rgba(0,0,0,.2);

  /* Focus */
  --ring-focus:   0 0 0 4px rgba(15,118,110,.18);
}