/*
 * LCA Labs theme.
 * Tokens follow lca-web: forest #00492c, energy #46cc73, cream #f9f3eb,
 * ink #1c2428, Exposure for display, Suisse Intl for body.
 * Keep themes/ and public/themes/ byte-identical.
 */

:root {
  --labs-primary: #1c2428;
  --labs-primary-hover: #2a3439;
  --labs-primary-active: #14181b;
  --labs-primary-light: rgba(28, 36, 40, 0.06);
  --labs-primary-light-hover: rgba(28, 36, 40, 0.1);

  --labs-primary-inverse: #f9f3eb;
  --labs-primary-inverse-hover: #f2efe9;
  --labs-primary-inverse-text: #1c2428;

  --labs-bg: #f9f3eb;
  --labs-bg-secondary: #f2efe9;
  --labs-bg-tertiary: #ebe6de;
  --labs-surface: #ffffff;
  --labs-surface-hover: rgba(28, 36, 40, 0.04);
  --labs-border: rgba(28, 36, 40, 0.18);
  --labs-border-strong: rgba(28, 36, 40, 0.4);

  --labs-text: #1c2428;
  --labs-text-secondary: rgba(20, 24, 27, 0.56);
  --labs-text-tertiary: rgba(20, 24, 27, 0.4);
  --labs-text-inverse: #f9f3eb;

  --labs-pin-bg: #00492c;
  --labs-pin-text: #ffffff;
  --labs-pin-border: #ffffff;
  --labs-pin-shadow:
    0 0 0 1px rgba(28, 36, 40, 0.06),
    0 3px 8px -2px rgba(28, 36, 40, 0.12),
    0 1px 1px -1px rgba(28, 36, 40, 0.12);

  --labs-fab-bg: #1c2428;
  --labs-fab-bg-active: #00492c;
  --labs-fab-text: #ffffff;
  --labs-fab-shadow:
    0 0 0 1px rgba(28, 36, 40, 0.06),
    0 9px 16px -4px rgba(28, 36, 40, 0.12),
    0 1px 1px -1px rgba(28, 36, 40, 0.12);

  --labs-success: #00492c;
  --labs-warning: #b7791f;
  --labs-error: #dc2626;

  --labs-accent: #46cc73;
  --labs-accent-hover: #00492c;
  --labs-accent-light: #d8f5e3;

  --labs-font-sans: "Suisse Intl", ui-sans-serif, system-ui, sans-serif;
  --labs-font-display: "Exposure", Georgia, serif;

  --labs-shadow-soft:
    0 0 0 1px rgba(28, 36, 40, 0.06),
    0 1px 4px -1px rgba(28, 36, 40, 0.12),
    0 1px 1px -1px rgba(28, 36, 40, 0.12);
  --labs-shadow-hover:
    0 0 0 1px rgba(28, 36, 40, 0.06),
    0 3px 8px -2px rgba(28, 36, 40, 0.12),
    0 1px 1px -1px rgba(28, 36, 40, 0.12);
  --labs-shadow-floating:
    0 0 0 1px rgba(28, 36, 40, 0.06),
    0 9px 16px -4px rgba(28, 36, 40, 0.12),
    0 1px 1px -1px rgba(28, 36, 40, 0.12);
  --labs-shadow-btn-primary:
    0 0 0 1px rgba(28, 36, 40, 0.12),
    0 3px 8px -2px rgba(28, 36, 40, 0.12);

  --labs-teal-light: #d8f5e3;

  --labs-success-light: #d8f5e3;
  --labs-error-light: #fee2e2;

  --labs-radius-sm: 8px;
  --labs-radius-md: 8px;
  --labs-radius-lg: 12px;
  --labs-radius-xl: 16px;
  --labs-radius-card: 16px;
  --labs-radius-full: 9999px;

  --labs-space-xs: 4px;
  --labs-space-sm: 8px;
  --labs-space-md: 16px;
  --labs-space-lg: 24px;
  --labs-space-xl: 32px;
  --labs-space-2xl: 48px;

  --labs-ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --labs-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --labs-duration-fast: 150ms;
  --labs-duration-base: 300ms;
  --labs-duration-slow: 400ms;

  --labs-input-border: rgba(28, 36, 40, 0.18);
  --labs-input-border-selected: #00492c;
  --labs-input-bg-hover: rgba(28, 36, 40, 0.04);
  --labs-input-bg-selected: #d8f5e3;
  --labs-input-accent: #00492c;
  --labs-submit-bg: #1c2428;
  --labs-submit-bg-hover: #2a3439;

  --labs-verdict-pass: #00492c;
  --labs-verdict-fail: #dc2626;
  --labs-verdict-inconclusive: #79817c;
  --labs-verdict-pass-icon: #46cc73;
  --labs-verdict-fail-icon: #fca5a5;

  --labs-chart-bar: #00492c;
  --labs-chart-bar-light: rgba(0, 73, 44, 0.12);

  --labs-tile-1: #00492c;
  --labs-tile-2: #46cc73;
  --labs-tile-3: #05623d;
  --labs-tile-4: #1c2428;
  --labs-tile-5: #0f766e;
  --labs-tile-6: #79817c;

  --labs-category-ux: #00492c;
  --labs-category-ai: #46cc73;
  --labs-category-data: #0f766e;
  --labs-category-process: #1c2428;
  --labs-category-product: #05623d;
  --labs-category-research: #79817c;

  --labs-stage-bg: #f2efe9;
  --labs-stage-overlay: rgba(249, 243, 235, 0.86);
  --labs-backdrop: rgba(17, 17, 17, 0.7);
  --labs-progress-track: rgba(28, 36, 40, 0.12);
  --labs-progress-fill: var(--labs-accent);
  --labs-misclick-hint-bg: #1c2428;
  --labs-misclick-hint-fg: #f9f3eb;
  --labs-focus-ring: var(--labs-accent);
  --labs-micro-feedback-bg: var(--labs-accent);
  --labs-micro-feedback-fg: #1c2428;

  --labs-chrome: #f2efe9;
  --labs-cta-yellow: #46cc73;
  --labs-cta-yellow-hover: #00492c;
  --labs-cta-text: #1c2428;
  --labs-danger: var(--labs-error);
  --labs-card-shadow: var(--labs-shadow-soft);
  --labs-shadow-card-hover: var(--labs-shadow-hover);
  --labs-ease-ui: cubic-bezier(0.32, 0.72, 0, 1);
  --labs-ease-settle: cubic-bezier(0.33, 1, 0.68, 1);
  --labs-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --labs-bg-white: #ffffff;
  --labs-border-light: rgba(28, 36, 40, 0.08);
}