/* path: resources/css/app.css */

@import "bootstrap/dist/css/bootstrap.min.css";

/* ==========================================================================
   CafeNaija Design Tokens
   Single source of truth for color, type, and spacing — every component
   references these variables rather than hard-coding values, so the whole
   platform's look lives in one place (blueprint §11 UI/UX principle).
   ========================================================================== */

:root {
  /* --- Color --- */
  --cn-green: #00663c;          /* Primary — CafeNaija Green */
  --cn-green-dark: #004d2d;     /* hover/active state derived from primary */
  --cn-forest: #0b3d2e;         /* Deep Forest — secondary */
  --cn-gold: #c9973d;           /* Warm Gold — accent */
  --cn-ivory: #faf8f3;          /* Soft Ivory — background */
  --cn-charcoal: #1f2421;       /* Text */
  --cn-success: #1e8e5a;        /* Emerald */
  --cn-warning: #d9a441;        /* Amber */
  --cn-error: #b1543a;          /* Terracotta */
  --cn-white: #ffffff;
  --cn-border: #e6e1d6;         /* derived neutral for card/input borders on Ivory */

  /* --- Typography --- */
  --cn-font-heading: "Manrope", sans-serif;
  --cn-font-body: "Inter", sans-serif;
  --cn-font-numeric: "IBM Plex Sans", sans-serif;

  /* --- 8-point spacing scale --- */
  --cn-space-1: 0.5rem;   /* 8px */
  --cn-space-2: 1rem;     /* 16px */
  --cn-space-3: 1.5rem;   /* 24px */
  --cn-space-4: 2rem;     /* 32px */
  --cn-space-5: 3rem;     /* 48px */
  --cn-space-6: 4rem;     /* 64px */

  /* --- Radius & elevation --- */
  --cn-radius-sm: 0.5rem;
  --cn-radius-md: 0.75rem;
  --cn-radius-lg: 1rem;
  --cn-shadow-soft: 0 4px 16px rgba(31, 36, 33, 0.06);
  --cn-shadow-hover: 0 8px 24px rgba(31, 36, 33, 0.10);
}

body {
  font-family: var(--cn-font-body);
  color: var(--cn-charcoal);
  background-color: var(--cn-ivory);
}

h1, h2, h3, h4, h5, h6,
.cn-heading {
  font-family: var(--cn-font-heading);
  font-weight: 700;
  color: var(--cn-charcoal);
}

.cn-numeric {
  font-family: var(--cn-font-numeric);
  font-variant-numeric: tabular-nums;
}

/* Bootstrap primary-color override so Bootstrap's own components
   (buttons, alerts, badges) already inherit the CafeNaija palette
   without needing --bs-* overrides scattered across every view. */
:root {
  --bs-primary: var(--cn-green);
  --bs-primary-rgb: 0, 102, 60;
}

.btn-primary {
  background-color: var(--cn-green);
  border-color: var(--cn-green);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--cn-green-dark);
  border-color: var(--cn-green-dark);
}

.cn-card {
  background: var(--cn-white);
  border: 1px solid var(--cn-border);
  border-radius: var(--cn-radius-lg);
  box-shadow: var(--cn-shadow-soft);
  transition: box-shadow 0.15s ease;
}
.cn-card:hover {
  box-shadow: var(--cn-shadow-hover);
}