/* 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;800&display=swap');

:root {
  /* Color tokens */
  --color-primary:        #1f6f6b;
  --color-primary-rgb:    31, 111, 107;
  --color-primary-light:  #eff7f5;
  --color-primary-text:   #ffffff;
  --color-secondary:      #1c1b22;
  --color-text:           #1c1b22;
  --color-text-muted:     #6b6b76;
  --color-background:     #ffffff;
  --color-surface:        #faf8f5;
  --color-border:         #ece9e4;
  --color-success:        #1f8a4c;
  --color-warning:        #c77d00;
  --color-error:          #d32f2f;

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

  /* Shape */
  --radius-button:        999px;
  --radius-card:          14px;
  --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);
}