/* tokens.css — substituted by apply-brand.py from brand-config.yaml.
   Do not edit values by hand; edit brand-config.yaml and re-run the script. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* Color tokens */
  --color-primary:        #111111;
  --color-primary-rgb:    17, 17, 17;
  --color-primary-light:  #F4F4F4;
  --color-primary-text:   #ffffff;
  --color-secondary:      #1a1a1a;
  --color-text:           #1a1a1a;
  --color-text-muted:     #6b6b6b;
  --color-background:     #ffffff;
  --color-surface:        #f5f5f5;
  --color-border:         #e3e3e3;
  --color-success:        #1a8f3c;
  --color-warning:        #c14215;
  --color-error:          #d32f2f;

  /* Typography */
  --font-body:            Inter, system-ui, sans-serif;
  --font-heading:         Inter, system-ui, sans-serif;

  /* Shape */
  --radius-button:        8px;
  --radius-card:          12px;
  --shadow-card:          0 2px 8px rgba(0,0,0,0.05);

  /* Bootstrap variable bridge — propagates the brand to bootstrap utilities */
  --bs-primary:           var(--color-primary);
  --bs-primary-rgb:       0, 0, 0; /* set in style.css if you want btn-primary's box-shadow */
  --bs-body-font-family:  var(--font-body);
  --bs-body-color:        var(--color-text);
  --bs-body-bg:           var(--color-background);
  --bs-border-color:      var(--color-border);
  --bs-border-radius:     var(--radius-button);
}