/* Pacer — design tokens */

:root {
  --color-background-primary:   #ffffff;
  --color-background-secondary: #f5f4ef;
  --color-background-tertiary:  #efede6;
  --color-background-info:      #e8f0fb;
  --color-background-success:   #e6f4ea;
  --color-background-warning:   #fef7e0;
  --color-background-danger:    #fce8e6;

  --color-text-primary:         #1a1a19;
  --color-text-secondary:       #6b6b6a;
  --color-text-tertiary:        #9b9b99;
  --color-text-info:            #1a5ca8;
  --color-text-success:         #137333;
  --color-text-warning:         #b06000;
  --color-text-danger:          #c5221f;

  --color-border-tertiary:      rgba(26,26,25,0.15);
  --color-border-secondary:     rgba(26,26,25,0.3);
  --color-border-primary:       rgba(26,26,25,0.4);

  --font-sans:   system-ui, -apple-system, sans-serif;
  --font-serif:  Georgia, serif;
  --font-mono:   ui-monospace, monospace;

  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
}

[data-theme="dark"] {
  --color-background-primary:   #1c1c1a;
  --color-background-secondary: #242422;
  --color-background-tertiary:  #2a2a28;
  --color-background-info:      #0d2b4e;
  --color-background-success:   #062d14;
  --color-background-warning:   #2d1f00;
  --color-background-danger:    #300e0d;

  --color-text-primary:         #ececea;
  --color-text-secondary:       #9b9b99;
  --color-text-tertiary:        #6b6b6a;
  --color-text-info:            #7aaee8;
  --color-text-success:         #5bb974;
  --color-text-warning:         #f5b942;
  --color-text-danger:          #f28b82;

  --color-border-tertiary:      rgba(236,236,234,0.15);
  --color-border-secondary:     rgba(236,236,234,0.3);
  --color-border-primary:       rgba(236,236,234,0.4);
}