@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap");

:root {
  /* Canvas */
  --alb-bg:        #06070c;
  --alb-bg-2:      #0b0d16;
  --alb-ink:       #e9e6df;
  --alb-ink-dim:   #9a9690;
  --alb-ink-mute:  #6b6864;

  /* Ink opacities */
  --alb-ink-03:    rgba(255,255,255,.03);
  --alb-ink-05:    rgba(255,255,255,.05);
  --alb-ink-08:    rgba(255,255,255,.08);
  --alb-ink-14:    rgba(255,255,255,.14);
  --alb-ink-18:    rgba(255,255,255,.18);
  --alb-ink-25:    rgba(255,255,255,.25);
  --alb-ink-35:    rgba(255,255,255,.35);
  --alb-ink-45:    rgba(255,255,255,.45);
  --alb-ink-50:    rgba(255,255,255,.50);
  --alb-line:      var(--alb-ink-08);
  --alb-line-2:    var(--alb-ink-14);

  /* Accent */
  --alb-accent:       #c9b27a;
  --alb-accent-light: #ead7a4;
  --alb-accent-08:    rgba(201,178,122,.08);
  --alb-accent-12:    rgba(201,178,122,.12);
  --alb-accent-25:    rgba(201,178,122,.25);
  --alb-accent-35:    rgba(201,178,122,.35);
  --alb-accent-45:    rgba(201,178,122,.45);
  --alb-accent-60:    rgba(201,178,122,.60);

  /* Danger */
  --alb-danger:       #ff7a7a;
  --alb-danger-08:    rgba(255,122,122,.08);
  --alb-danger-55:    rgba(255,122,122,.55);

  /* Spacing */
  --alb-s-1: 4px; --alb-s-2: 8px; --alb-s-3: 12px; --alb-s-4: 16px;
  --alb-s-5: 22px; --alb-s-6: 28px; --alb-s-7: 40px; --alb-s-8: 56px;

  /* Typography scale */
  --alb-fs-xs: 10px; --alb-fs-sm: 11px; --alb-fs-base: 13px; --alb-fs-md: 15px;
  --alb-fs-lg: 18px; --alb-fs-xl: 22px; --alb-fs-2xl: 32px;
  --alb-fs-display: clamp(56px, 10vw, 148px);

  /* Radius */
  --alb-radius-sm: 10px; --alb-radius: 14px; --alb-radius-lg: 22px; --alb-radius-xl: 28px;

  /* Shadows */
  --alb-shadow-card:  0 1px 0 var(--alb-ink-05) inset, 0 50px 100px -30px rgba(0,0,0,.7);
  --alb-shadow-btn:   0 10px 24px -10px rgba(201,178,122,.35);
  --alb-shadow-glow:  0 0 30px var(--alb-accent-25);
  --alb-shadow-focus: 0 0 0 4px var(--alb-accent-12);
  --alb-shadow-err:   0 0 0 4px var(--alb-danger-08);

  /* Scrollbar */
  --alb-scrollbar-color:       var(--alb-accent-35);
  --alb-scrollbar-color-hover: var(--alb-accent-60);

  /* Fonts */
  --alb-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --alb-mono:  "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --alb-sans:  "Outfit", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* Motion */
  --alb-ease:     cubic-bezier(.22,.61,.36,1);
  --alb-ease-out: cubic-bezier(.16,1,.3,1);
}