/**
 * CTDG Design Tokens
 * Shared across all CTDG products. Served at /tokens.css.
 * Keep in sync with the @theme {} block in src/app/globals.css.
 */
:root {
  /* Brand */
  --color-primary:             #F94306;
  --color-primary-hover:       #e03d05;
  --color-highlight:           #10B981;

  /* Surfaces */
  --color-surface-dark:        #1D1F2A;
  --color-surface-med:         #EBEBE9;
  --color-surface:             #f7f6f4;
  --color-surface-light:       #FAFAF8;

  /* Text — on light backgrounds */
  --color-text-dark:           #1D1F2A;
  --color-text-light:          #5c6078;
  --color-text-muted:          #878ba4;

  /* Text — on dark backgrounds (inverse) */
  --color-text-inverse:        #FEFEFE;
  --color-text-inverse-light:  #c8cad8;
  --color-text-inverse-muted:  #a8abc0;

  /* Borders */
  --color-border-light:        #e5e7eb;
  --color-border:              #c2c5cf;
  --color-border-dark:         #8e93a3;

  /* Border Radius */
  --radius-xs:      4px;
  --radius-sm:      6px;
  --radius-md:      8px;
  --radius-default: 12px;
  --radius-lg:      16px;
  --radius-xl:      20px;
  --radius-2xl:     24px;
  --radius-full:    9999px;

  /* Easing */
  --ease-bounce:       cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth:       cubic-bezier(0.4, 0, 0.2, 1);
  --ease-standard:     ease;
  --ease-decelerate:   ease-out;
  --ease-accelerate:   ease-in;

  /* Duration */
  --duration-fast:     150ms;
  --duration-normal:   300ms;
  --duration-medium:   500ms;
  --duration-slow:     600ms;
  --duration-emphasis: 800ms;
}