/* ============================================================
 * Morgan Hill Jiu Jitsu - Brand Tokens
 * GENERATED FILE. Do not edit directly.
 * Font loading lives in fonts.css (PLAN.md §7); it is not imported here.
 * ============================================================ */

:root {
  /* Core palette */
  --mhjj-black:         #0A0A0A;
  --mhjj-white:         #FFFFFF;
  --mhjj-off:           #F7F7F5;

  /* Brand accent - Carolina Blue */
  --mhjj-carolina:      #4B9CD3;
  --mhjj-deep:          #2A6E9E;
  --mhjj-mist:          #E6F1F9;
  --mhjj-seal-tint:     #9BB7D9;

  /* Neutrals */
  --mhjj-gray-900:      #1F1F1F;
  --mhjj-gray-600:      #6B6B6B;
  --mhjj-gray-300:      #D0D0D0;
  --mhjj-gray-100:      #EDEDED;

  /* Ink neutrals (dark-surface companions) */
  --mhjj-ink-900:       #161616;
  --mhjj-ink-800:       #2A2A2A;
  --mhjj-ink-700:       #3F3F3F;

  /* Typography */
  --font-sans:          'Outfit', system-ui, -apple-system, sans-serif;
  --type-meta:          11px;

  /* Structure */
  --radius:             4px;
  --radius-lg:          8px;
  --radius-xl:          16px;

  /* Semantic aliases - components use these */
  --bg:                 var(--mhjj-white);
  --bg-alt:             var(--mhjj-off);
  --ink:                var(--mhjj-black);
  --ink-muted:          var(--mhjj-gray-600);
  --rule:               var(--mhjj-gray-100);
  --rule-strong:        var(--mhjj-gray-300);

  /* Semantic UI states */
  --mhjj-success:       #2E7D5B;
  --mhjj-success-tint:  #DFEEE6;
  --mhjj-danger:        #B83227;
  --mhjj-danger-tint:   #F4DCDA;
  --mhjj-warning:       #D6A20F;
  --mhjj-warning-tint:  #FBEFC9;

  /* BJJ belt colors */
  --belt-white:         #FFFFFF;
  --belt-grey:          #8A8A8A;
  --belt-yellow:        #F4C430;
  --belt-orange:        #E07B27;
  --belt-green:         #2E7D5B;
  --belt-blue:          #1E3A8A;
  --belt-purple:        #5B21B6;
  --belt-brown:         #5D2E13;
  --belt-black:         #0A0A0A;
  --belt-tip:           #0A0A0A;
  --belt-stripe:        #FFFFFF;

}

@theme {
  --color-mhjj-black: var(--mhjj-black);
  --color-mhjj-white: var(--mhjj-white);
  --color-mhjj-off: var(--mhjj-off);
  --color-mhjj-carolina: var(--mhjj-carolina);
  --color-brand-carolina: var(--mhjj-carolina);
  --color-mhjj-deep: var(--mhjj-deep);
  --color-mhjj-mist: var(--mhjj-mist);
  --color-mhjj-seal-tint: var(--mhjj-seal-tint);
  --color-mhjj-gray-900: var(--mhjj-gray-900);
  --color-mhjj-gray-600: var(--mhjj-gray-600);
  --color-mhjj-gray-300: var(--mhjj-gray-300);
  --color-mhjj-gray-100: var(--mhjj-gray-100);
  --color-mhjj-success: var(--mhjj-success);
  --color-mhjj-success-tint: var(--mhjj-success-tint);
  --color-mhjj-danger: var(--mhjj-danger);
  --color-mhjj-danger-tint: var(--mhjj-danger-tint);
  --color-mhjj-warning: var(--mhjj-warning);
  --color-mhjj-warning-tint: var(--mhjj-warning-tint);
  --color-belt-white: var(--belt-white);
  --color-belt-grey: var(--belt-grey);
  --color-belt-yellow: var(--belt-yellow);
  --color-belt-orange: var(--belt-orange);
  --color-belt-green: var(--belt-green);
  --color-belt-blue: var(--belt-blue);
  --color-belt-purple: var(--belt-purple);
  --color-belt-brown: var(--belt-brown);
  --color-belt-black: var(--belt-black);
  --color-belt-tip: var(--belt-tip);
  --color-belt-stripe: var(--belt-stripe);
  --font-sans: 'Outfit', system-ui, -apple-system, sans-serif;
  --text-meta: var(--type-meta);
  --radius-mhjj: var(--radius);
  --radius-mhjj-lg: var(--radius-lg);
  --radius-mhjj-xl: var(--radius-xl);
}

:root[data-theme='dark'] {
  --bg:                 var(--mhjj-black);
  --bg-alt:             var(--mhjj-ink-900);
  --ink:                var(--mhjj-white);
  --ink-muted:          var(--mhjj-gray-300);
  --rule:               var(--mhjj-ink-800);
  --rule-strong:        var(--mhjj-ink-700);
  --mhjj-success-tint:  #1A4A36;
  --mhjj-danger-tint:   #4A1F1A;
  --mhjj-warning-tint:  #4A3A14;
}