/* Búzios Sunsets — design tokens (single source of visual truth) */
:root {
  /* ---- sunset over the sea palette ---- */
  --ocean-deep: #0b3b5c;
  --ocean:      #155e83;
  --ocean-brt:  #1f88a7;
  --teal:       #14a79f;
  --coral:      #ef5f38;
  --coral-soft: #f4835e;
  --gold:       #eda531;
  --gold-soft:  #f5c463;
  --sand:       #fbf5ea;
  --sand-2:     #f4e9d5;
  --night:      #221a30;
  --plum:       #38294f;

  /* ---- ink & surfaces ---- */
  --text:       #21323c;
  --text-soft:  #566773;
  --text-mut:   #7f8b93;
  --text-inv:   #ffffff;
  --line:       #e7dfce;
  --line-2:     #d6ccb8;
  --surface:    #ffffff;
  --surface-2:  #fbf7ef;
  --surface-3:  #f6efe1;

  /* ---- semantic ---- */
  --good: #2f9e6b;
  --warn: #d98a1f;
  --bad:  #d1483d;

  /* ---- gradients ---- */
  --grad-sunset: linear-gradient(100deg, var(--coral), var(--gold));
  --grad-ocean:  linear-gradient(135deg, var(--ocean-deep), var(--ocean-brt));
  --grad-hero:   linear-gradient(120deg, #0b3b5c 0%, #155e83 38%, #ef5f38 100%);
  --grad-rule:   linear-gradient(90deg, var(--coral), var(--gold) 55%, var(--teal));

  /* ---- shape & depth ---- */
  --radius:    16px;
  --radius-sm: 11px;
  --radius-xs: 8px;
  --shadow-sm: 0 2px 10px rgba(11,59,92,.07);
  --shadow:    0 12px 34px rgba(11,59,92,.14);
  --shadow-lg: 0 26px 64px rgba(11,59,92,.30);
  --ring:      0 0 0 3px rgba(31,136,167,.38);

  /* ---- layout ---- */
  --topbar-h: 62px;
  --nav-w:    268px;
  --maxw:     940px;

  /* ---- type ---- */
  --font-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --font-display: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;
}