/* Generated by scripts/generate-brand-v014.mjs from the local approved JSON. */
:root{
  --color-surface: #FFFFFF;
  --color-surface-raised: #FFFFFF;
  --color-text-primary: #183A36;
  --color-text-secondary: #4A5D58;
  --color-text-muted: #5B6B65;
  --color-border: #E8DDCB;
  --color-control-border: #7B897D;
  --color-on-primary: #173D3B;
  --color-on-accent: #173D3B;
  --color-disabled-surface: #FFFEFC;
  --color-disabled-text: #84908C;
  --color-success: #24724F;
  --color-success-surface: #E8F4EB;
  --color-success-border: #3D865F;
  --color-danger: #A23E35;
  --color-danger-surface: #FBECE8;
  --color-danger-border: #AD4B40;
  --color-warning: #7C5315;
  --color-warning-surface: #FFF2D6;
  --color-warning-border: #987330;
  --color-info: #275D83;
  --color-info-surface: #E9F2FA;
  --color-info-border: #497CA0;
  --color-mint: #85D0C8;
  --color-on-mint: #173D3B;
  --color-background: #FFFAF3;
  --color-surface-subtle: #E4F7EE;
  --color-primary: #FF9A3D;
  --color-primary-soft: #FFE8BB;
  --color-accent: #85D0C8;
  --color-primary-hover: #FF922F;
  --color-primary-pressed: #F9841F;
  --color-on-primary-soft: #A93708;
  --color-on-danger: #FFFFFF;
  --color-toast-background: #183A36;
  --color-toast-text: #FAF5ED;
  --color-selected-surface: #FFE8BB;
  --color-selected-border: #B53E0B;
  --color-focus: #B53E0B;
  --color-link: #B53E0B;
  --color-hover-surface: #FFF7EF;
  --color-pressed-surface: #FFF1E4;
  --color-input-surface: #FFFFFF;
  --color-input-text: #183A36;
  --color-placeholder: #5B6B65;
  --color-target-surface: #FFE8BB;
  --color-target-text: #A93708;
  --color-tile-surface: #FFFFFF;
  --color-tile-text: #183A36;
  --color-tile-border: #7B897D;
  --color-tile-selected: #FFE8BB;
  --color-tile-selected-text: #A93708;
  --color-tile-used-surface: #FFFEFC;
  --color-tile-used-text: #84908C;
  --color-hint-surface: #E9F2FA;
  --color-hint-text: #275D83;
  --color-diagram-given: #183A36;
  --color-diagram-construction: #B53E0B;
  --color-diagram-answer: #24724F;
  --color-diagram-grid: #D4DDD7;
  --color-loading-track: #D4DDD7;
  --color-loading-indicator: #B53E0B;
  --color-shadow: rgba(23,61,59,0.10);
  --color-scrim: rgba(7,24,20,0.48);
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
  --color-text-primary: #E9F1EB;
  --color-text-secondary: #B8C9C1;
  --color-text-muted: #AEC2B7;
  --color-border: #46564E;
  --color-control-border: #9BB0A6;
  --color-on-primary: #173D3B;
  --color-on-accent: #173D3B;
  --color-disabled-surface: #283028;
  --color-disabled-text: #8D9E94;
  --color-success: #91D5AE;
  --color-success-surface: #173D2B;
  --color-success-border: #61A77D;
  --color-danger: #FFB4A7;
  --color-danger-surface: #4B2524;
  --color-danger-border: #CD8377;
  --color-warning: #EBC78B;
  --color-warning-surface: #423521;
  --color-warning-border: #B9985A;
  --color-info: #A6D0EE;
  --color-info-surface: #203A4B;
  --color-info-border: #6C9DBB;
  --color-mint: #85D0C8;
  --color-on-mint: #173D3B;
  --color-background: #20251F;
  --color-surface: #2A332B;
  --color-surface-raised: #344036;
  --color-surface-subtle: #243F34;
  --color-primary: #FFAC5A;
  --color-primary-soft: #483324;
  --color-accent: #85D0C8;
  --color-primary-hover: #FFB86C;
  --color-primary-pressed: #FFA14A;
  --color-on-primary-soft: #FFE3C5;
  --color-on-danger: #172A23;
  --color-toast-background: #E9F1EB;
  --color-toast-text: #261E18;
  --color-selected-surface: #483324;
  --color-selected-border: #FFBC78;
  --color-focus: #FFBC78;
  --color-link: #FFBC78;
  --color-hover-surface: #3B3D2F;
  --color-pressed-surface: #484432;
  --color-input-surface: #2A332B;
  --color-input-text: #E9F1EB;
  --color-placeholder: #AEC2B7;
  --color-target-surface: #483324;
  --color-target-text: #FFE3C5;
  --color-tile-surface: #344036;
  --color-tile-text: #E9F1EB;
  --color-tile-border: #9BB0A6;
  --color-tile-selected: #483324;
  --color-tile-selected-text: #FFE3C5;
  --color-tile-used-surface: #283028;
  --color-tile-used-text: #8D9E94;
  --color-hint-surface: #203A4B;
  --color-hint-text: #A6D0EE;
  --color-diagram-given: #E9F1EB;
  --color-diagram-construction: #FFBC78;
  --color-diagram-answer: #91D5AE;
  --color-diagram-grid: #46564E;
  --color-loading-track: #46564E;
  --color-loading-indicator: #FFBC78;
  --color-shadow: rgba(0,0,0,0.24);
  --color-scrim: rgba(0,0,0,0.64);
}}
:root[data-theme=dark]{
  --color-text-primary: #E9F1EB;
  --color-text-secondary: #B8C9C1;
  --color-text-muted: #AEC2B7;
  --color-border: #46564E;
  --color-control-border: #9BB0A6;
  --color-on-primary: #173D3B;
  --color-on-accent: #173D3B;
  --color-disabled-surface: #283028;
  --color-disabled-text: #8D9E94;
  --color-success: #91D5AE;
  --color-success-surface: #173D2B;
  --color-success-border: #61A77D;
  --color-danger: #FFB4A7;
  --color-danger-surface: #4B2524;
  --color-danger-border: #CD8377;
  --color-warning: #EBC78B;
  --color-warning-surface: #423521;
  --color-warning-border: #B9985A;
  --color-info: #A6D0EE;
  --color-info-surface: #203A4B;
  --color-info-border: #6C9DBB;
  --color-mint: #85D0C8;
  --color-on-mint: #173D3B;
  --color-background: #20251F;
  --color-surface: #2A332B;
  --color-surface-raised: #344036;
  --color-surface-subtle: #243F34;
  --color-primary: #FFAC5A;
  --color-primary-soft: #483324;
  --color-accent: #85D0C8;
  --color-primary-hover: #FFB86C;
  --color-primary-pressed: #FFA14A;
  --color-on-primary-soft: #FFE3C5;
  --color-on-danger: #172A23;
  --color-toast-background: #E9F1EB;
  --color-toast-text: #261E18;
  --color-selected-surface: #483324;
  --color-selected-border: #FFBC78;
  --color-focus: #FFBC78;
  --color-link: #FFBC78;
  --color-hover-surface: #3B3D2F;
  --color-pressed-surface: #484432;
  --color-input-surface: #2A332B;
  --color-input-text: #E9F1EB;
  --color-placeholder: #AEC2B7;
  --color-target-surface: #483324;
  --color-target-text: #FFE3C5;
  --color-tile-surface: #344036;
  --color-tile-text: #E9F1EB;
  --color-tile-border: #9BB0A6;
  --color-tile-selected: #483324;
  --color-tile-selected-text: #FFE3C5;
  --color-tile-used-surface: #283028;
  --color-tile-used-text: #8D9E94;
  --color-hint-surface: #203A4B;
  --color-hint-text: #A6D0EE;
  --color-diagram-given: #E9F1EB;
  --color-diagram-construction: #FFBC78;
  --color-diagram-answer: #91D5AE;
  --color-diagram-grid: #46564E;
  --color-loading-track: #46564E;
  --color-loading-indicator: #FFBC78;
  --color-shadow: rgba(0,0,0,0.24);
  --color-scrim: rgba(0,0,0,0.64);
}