/* Hawky — color tokens
   Source: uploads/Brand Guide.pdf (single-page brand guide)
   Brand palette: #50cd5e (leaf), #23b33a (green), #1a1a1a (ink) */
:root {
  /* Base — brand */
  --green-600: #1a9430;        /* derived: pressed/deep */
  --green-500: #23b33a;        /* PRIMARY brand green */
  --green-400: #50cd5e;        /* leaf green — gradients, accents */
  --green-100: #d9f4dd;        /* derived tint */
  --green-50:  #eefaf0;        /* derived tint */

  /* Base — neutrals (derived from #1a1a1a ink) */
  --ink-900: #1a1a1a;          /* brand ink */
  --ink-700: #404640;
  --ink-500: #6b736c;
  --ink-300: #aab3ab;
  --ink-200: #d5dbd6;
  --ink-100: #e9eeea;
  --ink-50:  #f5f8f5;
  --white:   #ffffff;

  /* Base — semantic status (derived, low-key) */
  --red-500:    #d64545;
  --red-50:     #fbeeee;
  --amber-500:  #d98a1f;
  --amber-50:   #faf2e3;

  /* Gradient — the logo's leaf gradient */
  --gradient-leaf: linear-gradient(135deg, var(--green-400) 0%, var(--green-500) 100%);

  /* Semantic aliases */
  --brand: var(--green-500);
  --brand-hover: #2abf43;
  --brand-pressed: var(--green-600);
  --brand-soft: var(--green-50);
  --brand-soft-border: var(--green-100);

  --text-heading: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-on-brand: var(--white);
  --text-link: var(--green-600);

  --surface-page: var(--white);
  --surface-subtle: var(--ink-50);
  --surface-card: var(--white);
  --surface-inverse: var(--ink-900);

  --border-default: var(--ink-200);
  --border-subtle: var(--ink-100);
  --border-focus: var(--green-500);

  --status-success: var(--green-500);
  --status-success-bg: var(--green-50);
  --status-error: var(--red-500);
  --status-error-bg: var(--red-50);
  --status-warning: var(--amber-500);
  --status-warning-bg: var(--amber-50);
}