/* ════════════════════════════════════════════════════════════════
   Brand tokens — default values
   These match the per-slice files in public/shared/tokens/. The
   loader (brand-tokens.js) overlays the live JSON at runtime, but
   these CSS variable defaults are usable immediately on page load
   before any fetch completes.
   ════════════════════════════════════════════════════════════════ */

:root {
  /* Primary */
  --brand-primary-red:           #E21500;
  --brand-primary-red-medium:    #6F2020;
  --brand-primary-black:         #000000;
  --brand-primary-white:         #FFFFFF;

  /* Primary Dark */
  --brand-primary-red-dark:      #440A07;
  --brand-primary-purple-dark:   #1B0333;
  --brand-primary-green-dark:    #02250D;
  --brand-primary-yellow-dark:   #44391C;

  /* Primary Bright */
  --brand-primary-orange-bright: #FEC2A0;
  --brand-primary-blue-bright:   #76D6FF;
  --brand-primary-green-bright:  #70E697;
  --brand-primary-yellow-bright: #FFFA82;
  --brand-primary-purple-bright: #CDBBFF;

  /* Assistive Vibrant */
  --brand-assistive-orange-vibrant: #FF9A52;
  --brand-assistive-blue-vibrant:   #ADFFFA;
  --brand-assistive-green-vibrant:  #BBFF85;
  --brand-assistive-yellow-vibrant: #F7E85C;

  /* Assistive Light */
  --brand-assistive-orange-light: #FFF3EE;
  --brand-assistive-purple-light: #F4F7FF;
  --brand-assistive-green-light:  #F3FFF7;
  --brand-assistive-yellow-light: #FFFEEE;

  /* Assistive Murky */
  --brand-assistive-orange-murky: #8B7162;
  --brand-assistive-purple-murky: #728187;
  --brand-assistive-green-murky:  #718778;
  --brand-assistive-yellow-murky: #7F7E61;

  /* Furiosa Grey */
  --brand-grey-01: #000000;
  --brand-grey-02: #151515;
  --brand-grey-03: #2F2F2F;
  --brand-grey-04: #444444;
  --brand-grey-05: #626262;
  --brand-grey-06: #7F7F7F;
  --brand-grey-07: #D4D4D4;
  --brand-grey-08: #FFFFFF;

  /* Fonts */
  --brand-font-english: 'ABC Favorit', -apple-system, BlinkMacSystemFont, sans-serif;
  --brand-font-mono:    'ABC Favorit Mono', ui-monospace, SFMono-Regular, monospace;
  --brand-font-korean:  'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Block styles — editable from /block-control/. Variable names follow
     --block-{kind}-{prop}. Defaults are tuned so the editor opens with
     a reasonable baseline; BX overrides them per slice. */

  /* Text atoms */
  --block-text-h1-font-size:                16pt;
  --block-text-h1-color:                    #000000;
  --block-text-h1-weight:                   700;
  --block-text-h1-margin-bottom:            10pt;

  --block-text-h2-font-size:                12pt;
  --block-text-h2-color:                    #000000;
  --block-text-h2-weight:                   700;
  --block-text-h2-margin-bottom:            8pt;

  --block-text-h3-font-size:                10pt;
  --block-text-h3-color:                    #000000;
  --block-text-h3-weight:                   700;
  --block-text-h3-margin-bottom:            6pt;

  --block-text-body-font-size:              9pt;
  --block-text-body-color:                  #000000;
  --block-text-body-line-height:            1.5;
  --block-text-body-margin-bottom:          8pt;

  --block-text-description-font-size:       8pt;
  --block-text-description-color:           #6B6B6B;
  --block-text-description-line-height:     1.4;
  --block-text-description-margin-bottom:   8pt;

  /* Table atoms */
  --block-table-vertical-cell-font-size:       9pt;
  --block-table-vertical-cell-padding-top:     4pt;
  --block-table-vertical-cell-padding-right:   4pt;
  --block-table-vertical-cell-padding-bottom:  4pt;
  --block-table-vertical-cell-padding-left:    4pt;
  --block-table-vertical-header-bg:            #F6F6F6;
  --block-table-vertical-border-color:         #DADBDC;

  --block-table-horizontal-cell-font-size:     9pt;
  --block-table-horizontal-cell-padding-top:   4pt;
  --block-table-horizontal-cell-padding-right: 4pt;
  --block-table-horizontal-cell-padding-bottom:4pt;
  --block-table-horizontal-cell-padding-left:  4pt;
  --block-table-horizontal-header-bg:          #F6F6F6;
  --block-table-horizontal-border-color:       #DADBDC;

  /* Input atoms */
  --block-image-input-border-color:         #DADBDC;
  --block-image-input-placeholder-bg:       #F6F6F4;
  --block-illustration-input-border-color:  #DADBDC;
  --block-illustration-input-placeholder-bg:#F6F6F4;
  --block-graph-input-border-color:         #DADBDC;
  --block-graph-input-placeholder-bg:       #F6F6F4;
  --block-video-input-border-color:         #DADBDC;
  --block-video-input-placeholder-bg:       #F6F6F4;

  --block-icon-input-row-height:            58pt;
  --block-icon-input-gap:                   48px;

  --block-code-input-font-size:             9pt;
  --block-code-input-color:                 #000000;
  --block-code-input-bg:                    #F6F6F4;
  --block-code-input-padding:               10pt;

  /* Spacers */
  --block-spacer-small-height:              8pt;
  --block-spacer-large-height:              24pt;

  /* Note */
  --block-note-font-size:                   9pt;
  --block-note-color:                       #000000;
  --block-note-padding-top:                 7px;
  --block-note-padding-right:               0px;
  --block-note-padding-bottom:              12px;
  --block-note-padding-left:                0px;

  /* Signature */
  --block-signature-label-size:             12pt;
  --block-signature-label-color:            #000000;
  --block-signature-label-margin-bottom:    32pt;
  --block-signature-pad-width:              200pt;
  --block-signature-pad-height:             40pt;
  --block-signature-pad-border-color:       #000000;
  --block-signature-company-size:           9pt;
  --block-signature-company-color:          #000000;

  /* row-section (horizontal 2-slot layout) */
  --block-row-section-gap:                  16pt;
  --block-row-section-divider-color:        #999999;
}