/* Generated from design/admin-tokens.json. Do not edit directly. */
:root {
  --color-bg-page: #F4F4F2;
  --color-bg-surface: #FFFFFF;
  --color-bg-surface-strong: #FFFFFF;
  --color-bg-surface-muted: #ECEDEA;
  --color-bg-subtle: #F8F8F6;
  --color-text-primary: #2F3233;
  --color-text-secondary: #737779;
  --color-text-muted: #A0A4A5;
  --color-border-default: #DFE1DE;
  --color-border-strong: #C8CBC7;
  --color-action-primary: #4F5354;
  --color-action-primary-hover: #373B3C;
  --color-action-on-primary: #FFFFFF;
  --color-button-primary-hover: #656A6B;
  --color-button-accent-hover: #D96518;
  --color-accent: #B94E0B;
  --color-accent-hover: #963B06;
  --color-accent-strong: #B94E0B;
  --color-accent-soft: #FFF0E6;
  --color-focus-ring: rgba(185, 78, 11, 0.22);
  --color-bg-inverse: #343839;
  --color-bg-inverse-soft: #444849;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-muted: #C5C9C7;
  --color-border-inverse: #5E6263;
  --color-media-placeholder: #D7D8D5;
  --color-state-success: #587060;
  --color-state-success-soft: #E8EFEA;
  --color-state-warning: #A66B3F;
  --color-state-warning-soft: #F7ECD9;
  --color-state-danger: #B45449;
  --color-state-danger-soft: #F8E9E6;
  --color-overlay: rgba(35, 37, 38, 0.58);
  --color-overlay-strong: rgba(68, 72, 74, 0.94);
  --color-media-indicator: rgba(252, 251, 248, 0.74);
  --color-sold-out-badge: rgba(85, 89, 91, 0.62);
  --color-shadow: rgba(47, 50, 51, 0.14);
  --color-shadow-strong: rgba(47, 50, 51, 0.22);
  --color-warning-bg: #F7ECD9;
  --color-state-warning-text: #80502B;
  --color-state-danger-text: #9D4338;
}