// ═══════════════════════════════════════════════
// FERMENTY — Variables
// Rediseño: orgánico, material, legible
// ═══════════════════════════════════════════════

// ── Paleta verde — Scheme 2 ("Living minimalism") ──
// Muted culture greens sobre fondos de papel cálido.
$green-dark:     #16271B;   // navbar oscura, footer (green-900)
$green-main:     #2C5234;   // acción principal, sidebar activo (green-700)
$green-mid:      #4B7A50;   // botones primarios, badges (green-500 — PRIMARY)
$green-light:    #C2DCB6;   // texto sobre fondo oscuro (green-200)
$green-pale:     #EFF5E9;   // fondos de cards, estados suaves (green-050)
$green-bg:       #EFEADD;   // fondos de sección (paper-2)
$green-page:     #F6F2E9;   // fondo global — papel cálido (paper-1)

// Hover tokens (evita darken() deprecated)
$green-main-hover:  #1F3A26;   // green-800
$green-mid-hover:   #3B6843;   // green-600

// ── Paleta cálida (gold/acética) — Scheme 2 ───
// La marca calma usa naranja acética + gold como acentos, nunca campos.
$orange-main:    #C9621A;   // CTA cálido (cat-acética)
$orange-light:   #F6E6CB;   // fondos de alerta/premium (amber-100)
$orange-border:  #FBE9C1;   // bordes cálidos suaves (gold-200)
$orange-text:    #B07E24;   // texto sobre fondo cálido (gold-700)
$orange-hover:   #A8521A;   // hover del naranja

// ── Texto — tinta verde-negra sobre papel ────
$text-dark:      #1B241D;   // body text principal (ink-900)
$text-mid:       #2F3A31;   // texto secundario importante (ink-700)
$text-muted:     #56625A;   // texto de apoyo (ink-500)
$text-hint:      #79847B;   // placeholders, timestamps (ink-400)

// ── Bordes ───────────────────────────────────
$border-color:   #E6DFCE;   // borde estándar (paper-3 / border-subtle)
$border-strong:  #D8CFB8;   // borde en hover/focus (paper-4 / border-default)
$border-width:   1px;

// ── Border radius — redondeo amable Scheme 2 ──
$radius-sm:      12px;
$radius-md:      16px;      // controles
$radius-lg:      22px;      // cards
$radius-xl:      30px;      // sheets / cards hero
$radius-pill:    999px;

// ── Tipografía — Scheme 2 ─────────────────────
$font-brand:     'Comfortaa', system-ui, sans-serif;          // display
$font-ui:        'Raleway', system-ui, -apple-system, sans-serif; // UI + body
$font-data:      'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace; // medidas
$font-primary:   $font-ui;

// Escala unificada — elimina la duplicación con --text-* custom properties
// Usamos solo las variables SCSS. Las CSS vars se definen en _typography.scss
$font-size-xs:    0.6875rem;  // 11px
$font-size-sm:    0.75rem;    // 12px
$font-size-base:  0.8125rem;  // 13px — ligeramente más pequeño, más limpio
$font-size-md:    0.875rem;   // 14px
$font-size-lg:    1rem;       // 16px
$font-size-xl:    1.125rem;   // 18px
$font-size-2xl:   1.375rem;   // 22px

// CORRECCIÓN: medium = 500, no 600
$font-weight-light:   300;
$font-weight-regular: 400;
$font-weight-medium:  500;   // era 600 (semibold) — corregido
$font-weight-semibold: 600;
$font-weight-bold:    700;

// ── Espaciado ────────────────────────────────
$spacing-xs:  4px;
$spacing-sm:  8px;
$spacing-md:  12px;
$spacing-lg:  16px;
$spacing-xl:  24px;
$spacing-2xl: 40px;

// ── Sombras — mínimas, cálidas, planas ───────
$shadow-card:    0 2px 8px rgba(27, 36, 29, 0.05);   // shadow-md
$shadow-none:    none;

// ── Layout ───────────────────────────────────
$navbar-height:  56px;       // era 60px — más compacto
$sidebar-width:  200px;
$sidebar-collapsed-width: 0px;

// ── Transiciones ─────────────────────────────
$transition-base:   all 0.18s ease;
$transition-fast:   all 0.1s ease;

// ── Bootstrap overrides ──────────────────────
$primary:          $green-mid;
$secondary:        $green-pale;
$success:          $green-mid;
$warning:          #D8943B;   // amber-500
$danger:           #B5503A;   // rust-500
$info:             #3E7C77;   // teal-500
$light:            $green-bg;
$dark:             $text-dark;

$body-bg:          $green-page;
$body-color:       $text-dark;
$font-family-base: $font-ui;

$border-radius:       $radius-md;
$border-radius-lg:    $radius-lg;
$border-radius-sm:    $radius-sm;
$border-radius-pill:  $radius-pill;

// Todos los botones Bootstrap heredan pill
$btn-border-radius:    $radius-pill;
$btn-border-radius-sm: $radius-pill;
$btn-border-radius-lg: $radius-pill;
$btn-font-weight:      $font-weight-medium;

$card-border-radius:   $radius-lg;
$card-border-color:    $border-color;
$card-cap-bg:          transparent;
$card-box-shadow:      $shadow-card;

$navbar-dark-color:        $green-light;
$navbar-dark-active-color: #fff;
$navbar-dark-hover-color:  #fff;

$input-border-color:       $border-color;
$input-focus-border-color: $green-mid;
$input-focus-box-shadow:   0 0 0 3px rgba($green-mid, 0.15);
$input-border-radius:      $radius-md;
$input-font-size:          $font-size-md;