@charset "UTF-8";

/* =========================================================
   Awashima Coffee - Base Design Tokens / Common Foundation
========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;700&display=swap");

:root {
  --aw-content: 1120px;
  --aw-reading: 720px;

  --aw-gutter-pc: 24px;
  --aw-gutter-sp: 22px;

  --aw-space-xs: 16px;
  --aw-space-sm: 24px;
  --aw-space-md: 40px;
  --aw-space-lg: 64px;
  --aw-space-xl: 96px;
  --aw-space-2xl: 120px;

  --aw-bg: #fffdf9;
  --aw-surface: #ffffff;
  --aw-surface-warm: #fffaf2;
  --aw-surface-muted: #f7f3ee;

  --aw-text: #2d2924;
  --aw-text-strong: #120800;
  --aw-muted: #77716a;
  --aw-line: #e4ddd5;
  --aw-coffee: #452b1e;
  --aw-coffee-dark: #2f1a10;

  --aw-serif: "Noto Serif JP", serif;
  --aw-sans: "Noto Sans JP", sans-serif;

  --aw-body-size: 15.5px;
  --aw-body-leading: 2.25;
  --aw-body-tracking: .045em;

  --aw-motion-fast: 180ms;
  --aw-motion-base: 360ms;
  --aw-ease: cubic-bezier(.22,.61,.36,1);
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

/* =========================================================
   LINK / CONTROL FOCUS
========================================================= */

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

a:focus-visible,
button:focus-visible {
  outline: 1px solid rgba(69, 43, 30, .45);
  outline-offset: 3px;
}

.br-pc { display: inline; }
.br-sp { display: none; }

.aw-v2-container {
  width: min(var(--aw-content), calc(100% - (var(--aw-gutter-pc) * 2)));
  margin-inline: auto;
}

.aw-v2-reading {
  width: min(var(--aw-reading), 100%);
}

@media screen and (max-width: 767px) {
  .br-pc { display: none; }
  .br-sp { display: inline; }

  .aw-v2-container {
    width: calc(100% - (var(--aw-gutter-sp) * 2));
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}