/**
 * @file
 * CZ Innovation brand and semantic color tokens.
 *
 * Palette sampled from docs/assets/czinn-brand-reference.png.
 * This file only defines custom properties and does not style components.
 */

:root {
  /* Brand greens. */
  --czinn-green-50: #eef9f0;
  --czinn-green-100: #d8f1dc;
  --czinn-green-200: #b3e3ba;
  --czinn-green-300: #86d28f;
  --czinn-green-400: #69cb6b;
  --czinn-green-500: #3aa448;
  --czinn-green-600: #2e9346;
  --czinn-green-700: #258b3d;
  --czinn-green-800: #136e38;
  --czinn-green-900: #084e2b;
  --czinn-green-950: #032b18;

  /* Dark technology surfaces. */
  --czinn-ink-950: #020a0b;
  --czinn-ink-900: #061012;
  --czinn-ink-800: #0d1b1e;
  --czinn-ink-700: #172529;
  --czinn-ink-600: #243438;

  /* Steel neutrals. */
  --czinn-steel-900: #263033;
  --czinn-steel-700: #4c5657;
  --czinn-steel-500: #7b8585;
  --czinn-steel-300: #9fa6a3;
  --czinn-steel-200: #d4d9d9;
  --czinn-steel-100: #dde3e3;
  --czinn-steel-50: #e8eced;
  --czinn-white: #ffffff;

  /* RGB channels for translucent colors. */
  --czinn-green-rgb: 46, 147, 70;
  --czinn-highlight-rgb: 105, 203, 107;
  --czinn-ink-rgb: 2, 10, 11;
  --czinn-white-rgb: 255, 255, 255;

  /* Semantic brand roles. */
  --czinn-color-primary: var(--czinn-green-600);
  --czinn-color-primary-hover: var(--czinn-green-700);
  --czinn-color-primary-active: var(--czinn-green-800);
  --czinn-color-primary-subtle: var(--czinn-green-50);
  --czinn-color-accent: var(--czinn-green-400);
  --czinn-color-focus: var(--czinn-green-400);

  /* Semantic surfaces and content colors. */
  --czinn-color-background: var(--czinn-white);
  --czinn-color-surface: var(--czinn-steel-50);
  --czinn-color-surface-dark: var(--czinn-ink-900);
  --czinn-color-surface-darker: var(--czinn-ink-950);
  --czinn-color-text: var(--czinn-ink-900);
  --czinn-color-text-muted: var(--czinn-steel-700);
  --czinn-color-text-inverse: var(--czinn-steel-50);
  --czinn-color-heading: var(--czinn-green-950);
  --czinn-color-link: var(--czinn-green-700);
  --czinn-color-link-hover: var(--czinn-green-900);
  --czinn-color-border: var(--czinn-steel-200);
  --czinn-color-border-strong: var(--czinn-steel-500);

  /* Reusable effects derived from the brand palette. */
  --czinn-color-overlay: rgba(var(--czinn-ink-rgb), 0.78);
  --czinn-color-primary-translucent: rgba(var(--czinn-green-rgb), 0.18);
  --czinn-color-glow: rgba(var(--czinn-highlight-rgb), 0.42);
  --czinn-gradient-brand: linear-gradient(
    135deg,
    var(--czinn-green-400) 0%,
    var(--czinn-green-600) 48%,
    var(--czinn-green-900) 100%
  );
  --czinn-gradient-surface-dark: linear-gradient(
    135deg,
    var(--czinn-ink-950) 0%,
    var(--czinn-ink-800) 100%
  );
}