/* ============================================================
   OMUSUBI × SLICK — Brand Tokens
   ------------------------------------------------------------
   Source:           https://www.omusubi.store/en/
   Creative Director: Kashiwa Sato (Hyakunousha collaboration)
   Extracted:        2026-05-11
   Used by:          proposal/index.html

   Principles
   ----------
   1. Heavy white space, deep black, single bold red — the
      Kashiwa Sato palette. Same playbook as UNIQLO.
   2. Red is an ACCENT only — never as a fill area or background.
      It earns its place: the icon, an underline, a triangle,
      a single quote-mark.
   3. Type is Poppins everywhere. Weight does the heavy lifting.
   4. Slick's work lives INSIDE the Omusubi mark, never on top.
      Imagery treatment must respect that.
   ============================================================ */

:root {
  /* --- OMUSUBI canonical brand --- */
  --omusubi-red:        #E60013;   /* The brand red — icon + accent only */
  --omusubi-black:      #000000;   /* Wordmark + display */
  --omusubi-white:      #FFFFFF;
  --omusubi-ink:        #1F2937;   /* Body text */
  --omusubi-paper:      #F9FAFB;   /* Off-white surface */
  --omusubi-gray-mid:   #919191;
  --omusubi-gray-light: #CECECE;

  /* --- Typography --- */
  --omusubi-font-display: 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --omusubi-font-body:    'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  --weight-thin:    300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;

  /* --- Semantic aliases (use these in components) --- */
  --bg:        var(--omusubi-white);
  --paper:     var(--omusubi-paper);
  --ink:       var(--omusubi-ink);
  --ink-soft:  #4B5563;            /* derived — gray-600 */
  --muted:     var(--omusubi-gray-mid);
  --rule:      #E5E7EB;            /* derived — gray-200 hairline */
  --rule-strong: var(--omusubi-black);
  --accent:    var(--omusubi-red);

  /* --- Curative layer --- (placeholder; swap when assets land) */
  --curative-mark-color: var(--omusubi-ink);

  /* --- Layout grid --- */
  --max:         1080px;
  --max-narrow:  760px;
  --max-wide:    1280px;
  --gutter:      clamp(1.25rem, 4vw, 3rem);

  /* --- Type scale --- */
  --fs-eyebrow:  0.7rem;
  --fs-micro:    0.78rem;
  --fs-body:     1rem;
  --fs-lede:     clamp(1.1rem, 1.7vw, 1.3rem);
  --fs-h3:       clamp(1.2rem, 2vw, 1.55rem);
  --fs-h2:       clamp(2rem, 4.5vw, 3rem);
  --fs-h1:       clamp(2.6rem, 7vw, 5.2rem);

  /* --- Tracking --- */
  --track-eyebrow: 0.32em;
  --track-display: 0.02em;
  --track-body:    0.005em;

  /* --- Motion --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 180ms;
  --t-base: 280ms;
}